prop comparison

prop comparison

This visualization compares yes and no votes for Colorado Proposition 118 across counties using a stacked bar chart with pan and zoom capabilities. The bars display vote counts retrieved from a CSV dataset, with a color scale distinguishing between yesVotes (green) and noVotes (purple). Users can navigate the chart via d3.zoom(), which enables scaling between 1x and 30x and restricts panning to the chart’s extent. The SVG rendering includes rotated county labels, axes, and hidden tooltip functionality prepared for future interactivity. Data comes from the State of Colorado Elections Database.

91% match

Fork of Fork of colorado county data bar chart pt 2

This example displays a stacked bar chart of yes and no votes for a Colorado ballot proposition, with one bar per county. Hovering over a county bar currently shows a tooltip, though the tooltip event handlers are commented out, so the feature is inactive. The visualization uses d3.csv and d3.json to load voting data from a CSV and county boundaries from a GeoJSON file, then renders the chart with d3.stack, d3.scaleBand, d3.scaleLinear, and d3.axisBottom. It also implements zoom and pan capabilities using d3.zoom with an invisible overlay rect to capture pointer events.

87% match

Fork of Fork of Fork of colorado county data bar chart pt 2

This bar chart visualizes Colorado county voting data for a proposition, with stacked bars showing the number of yes and no votes per county. Hovering over a bar reveals a tooltip displaying the vote counts for that specific county. The visualization uses d3.stack, d3.scaleBand, and d3.scaleLinear to construct the chart, while d3.zoom enables panning and zooming along the x-axis. Vote data comes from a CSV file and county geometry from a GeoJSON source, rendered as SVG via D3 v4.

87% match

Fork of colorado county data bar chart

This fork of a Colorado county bar chart visualizes yes and no votes for a proposition, with each bar representing a county. Hovering over a bar triggers a tooltip that displays the county name along with its yes and no vote counts, using D3’s selection and event handling. The chart uses `d3.scaleBand` and `d3.scaleLinear` for axes, with zoom support via `d3.zoom`. Vote data comes from a CSV file, while county names are sourced from a GeoJSON file for reference.

87% match

Fork of Fork of Fork of colorado county data bar chart pt 2

This example displays a stacked bar chart of yes and no votes for a Colorado ballot proposition, with each county represented as a bar. Hovering over a bar reveals a tooltip with the county’s vote counts. The chart is built with D3 v4 using `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear`, rendering SVG elements. Data comes from a GeoJSON file of Colorado counties and a CSV of proposition results.

86% match

Fork of Fork of Fork of colorado county data bar chart pt 2

This visualization displays Colorado county election results as a stacked bar chart, with each bar representing the yes and no vote counts for a specific proposition. Hovering over a county reveals a tooltip with the exact vote numbers. The chart uses D3 v4 APIs including `d3.scaleBand`, `d3.scaleLinear`, `d3.stack`, and `d3.zoom` for interactive panning. It loads county boundaries from a GeoJSON file and vote data from a CSV, rendering the bars as SVG rectangles.

86% match

Fork of prop comparison2

This example visualizes election results for Colorado counties, comparing yes votes across two propositions with a grouped bar chart. The bars are positioned using `d3.scaleBand` for both county groups and propositions, with height mapped through `d3.scaleLinear` and fill colors from `d3.scaleOrdinal`. It loads county geometry from EarthPy’s GeoJSON and ballot data as CSV via `d3.json` and `d3.csv`, rendering in SVG. An interactive tooltip is implemented in `events.js` to display per-county vote counts on hover.

86% match

Working Zoom/Pan

This visualization displays Colorado county voting data for a ballot proposition, showing stacked bars of yes and no votes for each county. The chart uses D3 v4’s `d3.zoom` and `d3.event.transform` with `rescaleX` to enable panning and zooming along the horizontal axis, while vertical movement is locked. Hovering over bars or counties reveals a tooltip with county-specific vote counts, using the `tooltip` module from `svgGlobals.js`. Data originates from a GeoJSON file of Colorado counties and a CSV of proposition results, rendered as SVG.