Closed

Dashboard Example Page, Javascript D3.js

This project received 13 bids from talented freelancers with an average bid price of $589 USD.

Get free quotes for a project like this
Employer working
Project Budget
$250 - $750 USD
Total Bids
13
Project Description

For one of our projects we need a demo dashboard. (Mockup is attached). What we need is:

- Nice flat design of the page (examples would be nice)
- Responsive design
- "Javascript-only" solution. Libraries like d3 can be used (d3 is probably our favourite)

The first element is a map (google), where we need to overlay pie charts. The info is coming from the server and the following is a sample response (proper explanation after rewarding the project :). During the development, the response needs to be mocked up on your side. The map needs to be updated every 5 mins (easy configuration for it would be nice).

{"status":"OK","content":{"stats":{"Syndey":{"1":1,"4":216},"Brisbane":{"4":64},"Canberra":{"4":1219},"Darwin":{"4":10},"Melbourne":{"4":138},"SisaUnknown":{"1":8,"2":6,"3":6,"4":6342,"5":108},"Tasmania":{"4":117}},"coords":{"Syndey":["[url removed, login to view]","[url removed, login to view]"],"Brisbane":["[url removed, login to view]","[url removed, login to view]"],"Canberra":["[url removed, login to view]","[url removed, login to view]"],"Darwin":["[url removed, login to view]","[url removed, login to view]"],"Melbourne":["[url removed, login to view]","[url removed, login to view]"],"Tasmania":["[url removed, login to view]","[url removed, login to view]"]}}}

The graph elements are 2 pie charts and one line chart. These graphs need to be updated every X minutes as well. It would be nice if the update would be animated rather than just reloading the full graph (best would be, just to update, if there is a difference detected between new data and existing data). For the pie charts you get the full dataset and the pie can be redrawn. The line chart is different, with every request you just get the latest number, so you need to keep the history. Example response for pies:

{"status":"OK","content":{"stat":"attributename","stats":{"true":7952,"false":283}}}

Last things are two tables:

5 rows for each table. Refresh every 5 minutes as well.

Please feel free to send a message, if you need more information. Please do not send standard message with completely unrelated references.

Thanks

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online