numberan

@numberan·3 public vizzes

2020 Q1 US Spending

This chart shows the distribution of US federal spending for the first quarter of 2020, displaying each agency’s percentage of total expenditures as an animated pie chart. Built with D3 v4 (SVG), the visualization uses a pie generator and arc generator, with labels positioned via an arc centroid. Data loads from a CSV file, and a path transition with `transition.attrTween` and `d3.interpolate` animates the arcs expanding outward over two seconds. A sequential blue color scale assigns distinct hues to each category.

Apr 20, 2020

Loading thumbnail…

Dog Breed Type

This visualization displays a hierarchical tree of dog breeds grouped by type, such as Herding Breeds, Hounds, and Non-Sporting Breeds. It uses D3 v5’s `tree` layout and `linkHorizontal` to draw curved paths connecting parent and child nodes. The SVG-based rendering positions all breed names as text labels, with zoom and pan enabled via `d3.zoom`. The data is loaded from a local JSON file structured as a nested hierarchy. The green connecting lines and serif typography create a clean, readable overview of breed classifications.

Apr 20, 2020

Loading thumbnail…

Corona Virus Total Cases US States

A horizontal bar chart displays total confirmed coronavirus cases for each U.S. state and Washington D.C., sorted from New York's 247,215 down to Alaska's 319. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map case counts to bar widths, with states on the vertical axis and cases on the horizontal axis. Data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles, with all bars colored blue and outlined in black.

Apr 20, 2020