I would like to have a chart recreated for an HTML page using d3.js similar to the attached image.
On top is present a gantt diagram.
In the middle a four area/lines with the same scale (Kg).
On bottom a selectable brush which zooms all graphs and gantt.
Gantt data have a start and end time and some data, on mouse hover it has to show a tooltip with html text and on click has to send a div refresh on the same page (outside svg).
Blue area has a per minute scale.
Orange area and green line has per hour scale.
Red line has per hour scale (not shown in actual screenshot).
Time range of graph is a week.
Graph have to be refreshed by event or button press.
We can format source data as you prefer.
Usage is exclusively internal (intranet) with few users consulting it on LAN.
Graph has to have a nice visualization and has to be responsive/auto resizing on windows changes size/orientation.
Last screen shot is our state of the art of functionality and layout.
We need something very similar but with gantt and graph connected and zoomable.
9 freelance font une offre moyenne de $564 pour ce travail
Can u send me real data in csv or sql file so I can import to database and fetch the info. and show on to the graph..OR should I work on dummy data?