Amulya_kannam

100%

✓ Published1🌍 Public

Last edited Jul 3, 2022

Created on Jul 3, 2022

Forked from AK_viz

This interactive animated scatterplot compares Texas county voter turnout and partisan margins between 2012 and 2018, with circles sized by population. The visualization includes a dropdown menu to highlight individual counties, and hover interactions add activation classes. It uses D3 v5 with SVG rendering, loading CSV data from an Amazon S3 bucket, and animates axes through a `setInterval` loop cycling among different data columns. The code also builds connecting lines with arrowheads between election years and displays a color-coded legend for word-wrap categories.

AI-generated description

Scatterplot test. This is a description using Markdown.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatterplot test

A scatterplot maps Texas counties by voter turnout against the margin of victory in the 2012 and 2018 Senate elections, with circle size scaled to population. Arrows connect each county’s 2012 position to its 2018 position, showing change over time. Built with D3 v5 and jQuery, the visualization uses d3.scaleLinear, d3.axisBottom, and d3.axisLeft, with interactive mouseover events that highlight counties and a dropdown menu to filter selections. Data is loaded from CSV files and rendered as SVG.

Aamulyakannam

85% match

Loading thumbnail…

AK_viz

AK_viz visualizes Texas county-level election results, comparing voter turnout and partisanship between 2012 and 2018 Senate races. Each circle represents a county positioned by its partisan margin and turnout, with size encoding population, while lines with arrowheads connect the same county’s two-year transition. The SVG animation uses D3 v5 transitions and scales, with mouseover handlers highlighting counties and a dropdown menu for selection. Data is loaded from a CSV and processed via ES6 modules, with random values generated for 2018 metrics.

Aamulyakannam

81% match

Loading thumbnail…

Scatterplot test

This scatterplot shows the relationship between voter turnout and election results for Texas counties in 2012 and 2018. Each circle represents a county, positioned by its Republican or Democratic margin and sized by population. Semi-transparent lines connect each county’s 2012 and 2018 positions to reveal shifts over time. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` APIs, with SVG rendering and CSS transitions for interactive highlighting. Data is loaded from CSV files via `d3.csv`, and jQuery manages the county selection menu and element reordering.

LLayne Smith

79% match

Loading thumbnail…

amulya_test

This example uses the D3.js library to render a multi-series area chart showing population changes over time for multiple countries. The visualization loads data from a CSV file and processes it into time-series form, with each country's values mapped to a smooth monotone curve. The chart includes computed axes, a categorical color scheme, and a legend to distinguish between the countries. The code demonstrates D3's modular API, including `scaleTime`, `area`, and `axisBottom`, alongside custom ES6 modules for data processing.

Aamulyabhagwat1999@gmail.com

71% match

Loading thumbnail…

closest-county

This interactive visualization lets users explore how U.S. counties voted in presidential elections from 1912 to 2012. A side panel with election years acts as a filter; clicking a year highlights how closely each county’s voting pattern matches the selected sequence of Democratic or Republican wins. The top 32 best-matching counties are displayed as rows of colored cells, with green indicating a match and orange a mismatch. The code uses `d3.loadData`, `d3.nestBy`, and `d3.attachTooltip` on SVG elements, drawing from the included TSV vote data.

11wheel

71% match

Loading thumbnail…

2016 US Vote Totals

A scatterplot displays total votes per U.S. state in the 2016 election, with each state represented by a circle positioned by its vote count on the y-axis and state name on the x-axis. The visualization uses React to render SVG elements, with D3 v6 scales and axes handling the layout. Data comes from a CSV file of county-level election results aggregated by state. The chart employs `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and a `d3.scaleOrdinal` color scale, though the fill is currently disabled.

AAndre J Denais

70% match

Loading thumbnail…

Fork of Amulya_kannam

This fork of Amulya_kannam combines a static scatterplot with an animated cycling of x-axis variables. SVG circles represent data points whose horizontal position shifts through four columns from a CSV file (`RideWidthCm`, `RoadWidthCm`, `RideLengthCm`, `RoadLengthCm`) on a timer, while the y-axis remains fixed on road length. A hardcoded legend maps categories (word-wrap, word-color, word-country) to fill colors. The example uses D3 v5 for SVG rendering and `setInterval` to trigger modal updates, alongside jQuery for DOM element selection.

Aamulyakannam

70% match

Loading thumbnail…

US States and Counties Circle Pack

This circle pack visualization displays the results of the 2016 US presidential election at the county level, nested within each state. The hierarchical layout is computed using d3.stratify and d3.pack, with circle sizes proportional to vote totals and colors derived from a depth-based d3.interpolateTurbo scale. Data is loaded from a CSV file via d3.csv, and interactive zooming is enabled through d3.zoom. County-level colors distinguish Democratic and Republican victories, while state and county labels are rendered with the Nunito font.

CCurran Kelleher

69% match