Build an interactive timeline with stacked events (D3.js and Vue)
Budget: $250 – $300 USD
Looking for someone who can build a d3.js timeline to display events as an ES6 module or Vue.js component.
Most of the details are in the design linked below.
The timeline needs to be responsive and handle about 200-400 events.
Input data:
- date range
- array of events
- currently selected event
- timeline height
Timeline components:
- TOP: time axis
Input the "cocknight" at the top of proposal, so i can know you have read all details carefully.
- MAIN part: where events are displayed as stacked "bars" or stacked bars in groups (see design)
-- vertical scrollbar if events are exceeding provided height
-- zoom/pan functionality
- BOTTOM part:
-- mini chart where ll the events display as dots/bars and
-- time axis
-- brush functionality
Design and detailed explanation
https://xd.adobe.com/view/5adc9443-b02f-454a-858f-4ca6a0ed7b34-0f8f/
Most of the details are in the design linked below.
The timeline needs to be responsive and handle about 200-400 events.
Input data:
- date range
- array of events
- currently selected event
- timeline height
Timeline components:
- TOP: time axis
Input the "cocknight" at the top of proposal, so i can know you have read all details carefully.
- MAIN part: where events are displayed as stacked "bars" or stacked bars in groups (see design)
-- vertical scrollbar if events are exceeding provided height
-- zoom/pan functionality
- BOTTOM part:
-- mini chart where ll the events display as dots/bars and
-- time axis
-- brush functionality
Design and detailed explanation
https://xd.adobe.com/view/5adc9443-b02f-454a-858f-4ca6a0ed7b34-0f8f/