Single web page with d3.js visualisation
- or -
Post a project like this2805
$$
- Posted:
- Proposals: 4
- Remote
- #1226082
- Awarded
Description
Experience Level: Intermediate
General information for the business: Data analytics
Kind of development: New program from scratch
Description of requirements/functionality: What we want is something looking like the Sankey diagram attached. This was done in tableau, but we want a simple html page with a d3.js plug-in – no expensive sw…
Mike Bostock has a good D3.js Sankey plugin that is very similar, so would just need some tweaking on the colours: https://bost.ocks.org/mike/sankey/
The idea is that there are several nodes in a fixed network and there are transactions between nodes – what the customer wants to show is:
• The width of the line is the number of transactions
• The colour of the line is the type of transaction - ie whether it is a planned or unplanned transaction – say green is OK and red is unplanned
• With possibly a tool tip for some details about the connection
You would get the data from a mysql database - this would contain one row per transaction, with fields being
o Node from - the starting node on the sankey
o Node to - the destination node
o Valid - whether the transition was a recognised on - this would drive the colour - green = recognised, red = unrecognised
o You would get the thickness of the line through a SQL query counting the number of transitions from node_a to Node_b
The database would be constantly being updated, so we would need the graph to automatically refresh every 10seconds or so, to make this a live dashboard.
The web page would be served from a linux server running apache.
Specific technologies required: Javascript d3.js
OS requirements: Linux
Extra notes:
Kind of development: New program from scratch
Description of requirements/functionality: What we want is something looking like the Sankey diagram attached. This was done in tableau, but we want a simple html page with a d3.js plug-in – no expensive sw…
Mike Bostock has a good D3.js Sankey plugin that is very similar, so would just need some tweaking on the colours: https://bost.ocks.org/mike/sankey/
The idea is that there are several nodes in a fixed network and there are transactions between nodes – what the customer wants to show is:
• The width of the line is the number of transactions
• The colour of the line is the type of transaction - ie whether it is a planned or unplanned transaction – say green is OK and red is unplanned
• With possibly a tool tip for some details about the connection
You would get the data from a mysql database - this would contain one row per transaction, with fields being
o Node from - the starting node on the sankey
o Node to - the destination node
o Valid - whether the transition was a recognised on - this would drive the colour - green = recognised, red = unrecognised
o You would get the thickness of the line through a SQL query counting the number of transitions from node_a to Node_b
The database would be constantly being updated, so we would need the graph to automatically refresh every 10seconds or so, to make this a live dashboard.
The web page would be served from a linux server running apache.
Specific technologies required: Javascript d3.js
OS requirements: Linux
Extra notes:
Richard B.
100% (4)Projects Completed
5
Freelancers worked with
4
Projects awarded
36%
Last project
23 Sep 2016
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies