Skip to main content
100%

DashBoard

✓ Published0🌍 Public
KKirun1
Last edited Apr 11, 2018
Created on Apr 11, 2018

This dashboard example shows how linked views can be used for interactive data exploration. A bar chart of state frequencies and a pie chart with a legend are initially displayed together, and hovering over a bar in the histogram updates the pie chart and legend to show that state's breakdown by low, mid, and high segments. Conversely, hovering over a pie slice triggers a transition that updates the histogram to reflect the frequencies of that segment across the states. The code uses D3 v3 with an SVG rendering approach, relying on d3.scale.ordinal, d3.scale.linear, and transition methods to animate the changes.

AI-generated description

A simple example of creating a dashboard. This example was created for the paper Interactive HTML Reporting Using D3 at the MWSUG2014 conference.

  • Hovering over a bar in histogram will modify the pie chart and legend.
  • Hovering over pie slice will update the histogram.

forked from <a href='http://bl.ocks.org/NPashaP/'>NPashaP</a>'s block: <a href='http://bl.ocks.org/NPashaP/96447623ef4d342ee09b'>DashBoard</a>

forked from <a href='http://bl.ocks.org/Kirun1/'>Kirun1</a>'s block: <a href='http://bl.ocks.org/Kirun1/5b37ae215eab6082e92c4ee41374238c'>DashBoard</a>

gpl-3.0 Licensed

Similar vizzes