Develop page template with React & D3.js charts/maps
Budget: $30 – $250 USD
We have a data-driven website powered by microservices. We need one responsive page template developed in React that showcases details on a specific topic. Every post on this topic will use this template. It's like going to Amazon and clicking on a TV for sale to go to the page with all the details on the features, specs, related TV's, etc. Our page will have similar information but with several D3 charts and maps implemented for data visualization.
We have some of the foundation and components coded so you are not building from scratch. We have designs in Figma and a consistent brand style guide. The biggest part will be hooking the different datasets and doing the few charts and two maps. The charts and maps will display on the page but the user should also be able to click and have a full screen modal to view the data more closely and interact with it. I have identified which D3.js chart and map types to use as well as will provide the data and style guidance.
The work will be broken down into three milestones. 1. Get the regular data displaying properly on desktop and mobile. 2. Getting the charts complete. 3. Getting the maps complete.
ADDED BONUS IF YOU ARE GOOD WITH DJANGO!
Let's have fun working on this together!
We have some of the foundation and components coded so you are not building from scratch. We have designs in Figma and a consistent brand style guide. The biggest part will be hooking the different datasets and doing the few charts and two maps. The charts and maps will display on the page but the user should also be able to click and have a full screen modal to view the data more closely and interact with it. I have identified which D3.js chart and map types to use as well as will provide the data and style guidance.
The work will be broken down into three milestones. 1. Get the regular data displaying properly on desktop and mobile. 2. Getting the charts complete. 3. Getting the maps complete.
ADDED BONUS IF YOU ARE GOOD WITH DJANGO!
Let's have fun working on this together!