Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Working Zoom/Pan

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

b802d8a6840e42a9bd6488c2633c77ae

Open

Working Zoom/Pan

0 stars3🌍 Public
Ooliverkendall99@gmail.com
Last edited Dec 16, 2024
Created on Dec 5, 2024
Forked from Working Zoom/Pan

A choropleth-style stacked bar chart displays Colorado county voting results from a local CSV dataset, with each bar split into yes and no votes. Users can interactively zoom and pan across the chart using D3's zoom behavior, which updates the SVG visualization in real time. The chart uses d3.stack to create layered bars, d3.scaleBand for county positioning, and d3.scaleLinear for vote counts. Tooltips appear on hover, showing county names and vote tallies loaded from the external CSV file.

AI-generated description

An example showing the capabilities of VizHub:

  • if you hover over a county it will display the number of yes votes and no votes for the current proposition
  • TODO:
  • -color the map according to the number of votes
  • -add a selector for multiple propositions
  • -clean up code and functions into multiple classes