ufvivotech / ufDataQualityImprovement

Project to improve UF vivo data quality and accuracy
2 stars 1 forks source link

Create an Org chart visualization #13

Open mconlon17 opened 11 years ago

mconlon17 commented 11 years ago

The org chart maker (written in R) or a new one written in python, is an incredibly helpful tool for debugging org chart problems. To get a good org representation, we will need to see the org.

mconlon17 commented 11 years ago

Should be done in python. The obvious python libraries for this have not been ported to Windows.

mconlon17 commented 11 years ago

Written in D3.js. Should have this ready for VIVO implementation Fest in March.

mconlon17 commented 11 years ago

Refine the process to deploy org chart on-line.

mconlon17 commented 10 years ago

Use jsfiddle to refine org chart. Provide org metrics.

Interactive controls

Color by

  1. Heat map on people
  2. Heat map on grants
  3. Heat paper on papers
  4. Heat map on grant dollars
  5. Org type

Size by any heat map metric

Scale slider

Mouse over

Each org should show its data (whatever is selected above) when mouse over.

Click

When single clicked, each org should show a data box with its metrics (see above) It's photo. A link into VIVO. A link to its home page. Link to Google Map (would be cool, but our orgs do not have geo properties and do not have geo data). The data box should have a Dismiss button. The data box should stay up until dismissed. Any number of data boxes can be open at the same time.

Double Click.

When double clicked, the graph should redraw with the selected org as the center of the org chart. Might be surprising adn where is the return path?

mconlon17 commented 10 years ago

See project repo at vivo-org-chart

mconlon17 commented 10 years ago

Working version of tooltip with Click and info box. Yay!

mconlon17 commented 10 years ago

Work version of AngularJS model being used to dynamically update a D3 object. Yay!