Make d3.js the premiere way to do visualizations in Horizon

Registered by Gabriel Hurley on 2013-04-17

We should pull in the latest version of d3, and start by reworking all the quota infographics to use it in a reusable way. From there we can figure out how to start implementing it throughout the dashboard.

Blueprint information

Status:
Complete
Approver:
Gabriel Hurley
Priority:
Essential
Drafter:
Gabriel Hurley
Direction:
Approved
Assignee:
Bradley Jones
Definition:
Approved
Series goal:
Accepted for havana
Implementation:
Implemented
Milestone target:
milestone icon 2013.2
Started by
Bradley Jones on 2013-05-06
Completed by
Bradley Jones on 2013-05-14

Related branches

Sprints

Whiteboard

[hayashi] One thing I want to make sure that IE8 doesn't support SVG. What do you guys think about fallback in IE8? In my opinion, It is ok just shows simple text in IE8 environment.
[bradjones] I agree I think that a fallback that just shows simple text information will suffice

[bradjones] Currently using pie charts to show the quota info but there are also horizontal and vertical bars which could be used. The pie chart and vertical bar are also animated to show the graph being filled.

Pie Chart - http://i.imgur.com/kICYifh.png
Horizontal - http://i.imgur.com/bmtNSaZ.png
Vertical - http://i.imgur.com/XGIghXn.png

Gerrit topic: https://review.openstack.org/#q,topic:bp/d3,n,z

Addressed by: https://review.openstack.org/28362
    Adds d3.js library and reworked quota infographics

(?)

Work Items

Dependency tree

* Blueprints in grey have been implemented.

This blueprint contains Public information 
Everyone can see this information.