d3.js and React: interactive dashboard for visulization

I want a map in d3.js (GeoJson file will be attached) and inside that map circles in specific longitude and latitude for districts (csv file with district name, long, latit will be attached), these circles should differ in size OR color "depend on price range" (csv file with average property prices per year for each district will be attached).

And I want line chart to show all districts prices change in time, "years".

finally, a bar chart to show total offers per district ([url removed, login to view] will be attached). using brush

take a look: [url removed, login to view]

At the end, I want that to be on the same dashboard and have some interactivity like when I hover on one district circle it shows the name of district and the average price of villas for sales in that district in tooltip, and at the same time the line that belongs to this district in the line chart should be highlighted or having another color. also, that selected district should be highlighted in the bar chart.

And also it should give me choice to select the year like when I select 2016 in the x-axis of line chart it shows the circles in the map that belong to 2016 and so on.

link to give you a similar idea: [url removed, login to view]

This for the property for sale (Villas). the same thing exactly I want it for property for rent (Appartments) . but I Will provide that csv later.

In summary, two dashboards linked through button each has an interactive map, line chart, and bar chart.

Note: you need to give me feedback periodically on your progress.

if you want any further details do not hesitate to ask me.

Skills: Geospatial, HTML5, Javascript, React.js

See more: react d3 timeline, d3 dashboard, react d3 tutorial, react d3 axis, d3 select react, d3 react components, create react app d3, react-d3-basic, freelance d3 js, d3 js visualisation freelancer required, d3 js freelancer, d3 js developer jobs, d3.js examples, d3.js example, d3.js api, D3.js, d3 js freelance, freelancer d3 js svg developer, d3 js, python interactive dashboard

About the Employer:
( 0 reviews ) Saudi Arabia

Project ID: #16535373

10 freelancers are bidding on average $247 for this job


Hello I have 9 years of d3.js and data visualization experiences. I have read your job description carefully and very interested. I am looking forward to hearing from you soon. Regards, Yang

$444 USD in 3 days
(20 Reviews)
$155 USD in 3 days
(12 Reviews)

Hello. This is a job that could be finished using google solutions. I will provide exactly what you need and there you will have a map on one tab and the chart on second tab. All of these are interactive, so I just nee More

$244 USD in 3 days
(12 Reviews)

AI have 6 year experience Freelancer,up work,Fiverr & 99design market place I have seen your project that i can to do easily because I have many experience to Graphic Design,Webdesign,Web Develop & programming .So I co More

$155 USD in 3 days
(0 Reviews)
$133 USD in 3 days
(0 Reviews)

Hi, In regards of your job post, I would like to inform that we have skilled professionals team who have strong skills for it. In continuation, i request to drop your queries so we can go through it and provide you More

$277 USD in 12 days
(0 Reviews)

Hi, I have read through your requirements and I understood those properly. Basically you need a interactive map with dynamic points and by clicking on those points there will be a bar chart. All the data will be prov More

$277 USD in 5 days
(0 Reviews)

Hello I have very good experience with react and d3.js. Here are some examples that I did with d3.js maps: * [login to view URL] => react and d3.js *[login to view URL] More

$311 USD in 7 days
(0 Reviews)

Hello, I'm really interested in this project, I have over three years experience in building data visualization apps, dashboards for Web using D3.js and React.js.

$200 USD in 4 days
(0 Reviews)

A proposal has not yet been provided

$277 USD in 2 days
(0 Reviews)