AWkmonroe

@AWkmonroe·4 public vizzes

GIS/SAP Grapher - Remaining Premises for Geocoding

This interactive stacked area chart visualizes the number of remaining premises to be geocoded across eight U.S. states from 1880 to 2000, with each state represented by a filled area in the stack. The visualization uses the D3.js library (version 4) with a `d3.stack` operation to compute the cumulative state values from the CSV data. Users can brush horizontally along the x-axis to zoom into a specific time period, which triggers a smooth `transition` animation that re-scales the axis and areas. Hovering over a state’s legend rectangle dims all other areas, allowing for focused inspection of a single state’s trend.

Nov 2, 2020

Loading thumbnail…

ILINet Flu Surveillance Data

This line chart displays annual national ILI flu cases across weeks, with each year’s curve overlaid for direct comparison, revealing 2018’s peak in mid-February and 2019’s extended flu season. The visualization aggregates total cases by year, region, and week using an ordered categorical color scale for years, though the encoding is unordered despite the temporal field. Built with vega-lite-api, vega-lite, and d3.csv, it renders via SVG from CDC FluView Interactive data, with axes and styling configured for readability.

Oct 30, 2020

Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects. The visualization emphasizes customizable axes, with horizontal bars ordered by country name and a population axis formatted in billions. Built with D3 v5, the code uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the chart, while loading data from a CSV file. The SVG rendering includes a custom tick format that converts large numbers to abbreviated labels.

Oct 29, 2020

Loading thumbnail…

Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries, using horizontal bars to represent population values. The data comes from the United Nations World Population Prospects 2019, accessed via a CSV. The visualization uses React with D3 v5, specifically leveraging `d3.scaleBand` for the y-axis, `d3.scaleLinear` for the x-axis, and `d3.format` to convert large numbers into abbreviations like "B" for billions. The chart is rendered as an SVG, with interactive tooltips showing population on hover via `<title>` elements.

Oct 29, 2020