Tell us what works and what could be better. We read every submission.
@andrewthornton·8 public vizzes
This example demonstrates a Keybase identity proof, cryptographically linking the GitHub user andrewthornton to the Keybase account thor5551. It shows the signed JSON statement and its validation via a posted gist. The visualization relies on the Keybase API and command-line tool to verify the public key signature, confirming ownership of both accounts. The code references the Keybase Go client for signing and the `keybase id` command for auditability.
This map visualizes U.S. congressional districts with population data, using color to encode the total population and voting-age population for each district. The visualization employs a choropleth style, where district boundaries from the GeoJSON file are rendered as polygons and shaded according to their associated population values. The author, andrewthornton, created this gist to display the demographic distribution across districts, with hover or selection interactions likely revealing exact population numbers for each geographic area.
This choropleth map visualizes voting-age population data across Virginia’s congressional districts using a GeoJSON file. Each district polygon is shaded according to its total voting-age population (PL10AA_TOT), with hover interactions likely revealing the associated values. The map uses geographic boundaries to encode the distribution of population counts across the state.
This visualization plots the quadratic function y = x² as a teal curve, showing its symmetric parabolic shape across x-values from -10 to 10. The chart includes labeled x and y axes with light gray ticks, and the y-axis is positioned at the center of the plot rather than the left edge. Built with D3.js version 3.5.5, the code uses `d3.scale.linear` for both axes, `d3.svg.line` with basis interpolation to draw the smooth curve, and `d3.svg.axis` to render the tick marks. Data points are generated programmatically via `d3.range` and the `Math.pow` function, rendered as an SVG path.
This visualization maps grocery stores, public libraries, and transit lines across Austin, Texas. Using data from three CSV files (groceries.csv, libraries.csv, metrorail.csv, metrorapid.csv), the map plots H-E-B, Randalls, Fiesta, Wheatsville, and Central Market locations alongside library branches and transit routes. The visualization likely uses color or icon encoding to distinguish store brands and transit types, revealing spatial relationships between grocery access, library locations, and public transportation infrastructure in the city.
This example shows a D3.js scatterplot with 800 random data points, where a brush component selects points along the x-axis. Visible, draggable resize handles replace the default invisible brush boundary, with oversized arc-shaped paths making the interaction area obvious. The code uses `d3.svg.brush`, `d3.svg.arc`, and `d3.svg.axis` with an SVG rendering. Circle opacity changes during selection, and selected points receive a red stroke, while the brush extent itself remains semi-transparent. The data is generated via `d3.range(800).map(Math.random)`.
Five circles appear at random positions on an SVG canvas, each representing a single numeric value from a hard-coded array. The visualization uses D3.js data joins to bind the array to circle elements, setting their radius to a fixed 10 pixels and their x/y coordinates via a random function. No transition or animation occurs, and the circles remain static after initial rendering. The code defines a reusable random number generator for coordinate placement.
This choropleth map colors Travis County voting precincts by the winner of the December 2014 election between Adler and Martinez, using orange for Adler, green for Martinez, and gray for precincts with no data. The map is rendered with SVG using a Mercator projection of TopoJSON precinct boundaries, with a simple color legend in the top-right corner. Each precinct's color is determined by comparing the vote counts for the two candidates in its properties. The visualization provides a quick, county-level overview of how precincts voted in the race, with the results tied to the March d3.austin() meetup demo.