VP Vizualize Numbers

100%

VP Vizualize Numbers

✓ Published0🌍 Public

Last edited Jan 29, 2024

Created on Jan 23, 2024

Five bubbles represent the five largest U.S. national parks by land area, scaled proportionally and labeled with each park's name and acreage. Animated with D3 transitions, circles expand sequentially while text fades in. Distances between bubbles are not to scale, but radii accurately compare park sizes. Data originates from Wikipedia's list of national parks, and the visualization uses d3's `select`, `transition`, and `easeLinear` APIs.

AI-generated description

A visualization of the 5 largest US National Parks by land area (from first largest to 5th largest). Relative sizes to scale, distances not to scale. You will have to scroll down to the table (in Wikipedia) and click on the area header to filter by largest to smallest area.

Data from Wikipedia: List of National Parks of the United States.

MIT Licensed

Similar vizzes

Loading thumbnail…

VP National Parks Bar Chart

This animated bar chart displays the top six most visited U.S. National Parks as of 2022, ranking them by visitor count using interactive bars. Built with D3.js, it uses `scaleBand` and `scaleLinear` for positioning, with axes rendered via helper functions. The visualization responds to mouse movement by tracking `hoveredX` and `hoveredY` coordinates, triggering tooltips that show each park’s name and visitor totals. Data comes from the `@vspatel987/national-park-2022` package, and the chart animates through a resize observer, updating the SVG dimensions dynamically.

VVansh Patel

78% match

Loading thumbnail…

US National Parks Map

This map uses D3.js to display the locations of US national parks, leveraging geographic projections from d3-geo to position markers across the United States. It incorporates animation and is designed as an interactive visualization of park distribution, drawing on data from public sources such as Wikipedia. The project, authored by vspatel927, is released under the MIT license and was created as a final project for a data visualization course.

VVansh Patel

72% match

Loading thumbnail…

US National Parks

This visualization displays the locations of US National Parks as glowing dots across a dark map of the United States. It uses the Albers USA projection from `d3.geoAlbersUsa` and renders map features with `d3.geoPath`. Park coordinates are loaded from a CSV file, and each park appears as a small, semi-transparent circle. The map outline and graticule are drawn using `d3.geoGraticule`, while state boundaries come from a TopoJSON file fetched from the `us-atlas` package. The visualization is built with D3.js version 7 and TopoJSON for geographic data processing.

VVansh Patel

71% match

Loading thumbnail…

City Park Acreage

This visualization displays the total acreage of city parks as a horizontal bar chart, with each park's name labeled to the left and the bar length scaled proportionally to its area. Sorted in descending order by acreage, the chart uses data from a CSV file containing park attributes and locations. Built with D3.js (v3), it maps the data to SVG rectangles and text elements via `d3.csv` and `d3.selectAll`, while the numeric sort relies on `d3.descending` with unary plus operators to convert string values to numbers.

11pixelzz

66% match

Loading thumbnail…

D3 Example

This example visualizes population totals for the world’s five largest countries using area-encoded circles. It shows a bubble chart where each circle’s radius scales with population, with countries positioned along an ordinal x-axis. The visualization uses D3.js version 3.5.5 to load a CSV file via `d3.csv`, apply a square-root scale for radii, and render SVG circles with an axis. The code employs `d3.scale.ordinal` and `d3.scale.sqrt` to map data, and custom tick formatting replaces "G" with "B" for billions.

CCurran Kelleher

64% match

Loading thumbnail…

National Park Trail Scatter Plot

This scatter plot shows the surface types of trails across national parks. Dot opacity represents the quantity of trails in a class, while dot size indicates the trail’s development level, from class 1 barely developed to class 5 fully developed. The visualization uses vega-lite-api to render the chart, with D3’s `csv` function loading data from a GitHub gist. Marks are colored by seasonal access and positioned by park unit and trail surface, with the view fitted to the window using `autosize`.

ZZiyang Gao

64% match

Loading thumbnail…

Area chart

This area chart displays the number of visitors for five selected U.S. states (California, Texas, Florida, New York, Illinois) from 2011 to 2021. The visualization fetches comma-separated data via d3.text and parses it into an array of objects. Using d3.area with a monotone X curve, it draws semi-transparent filled paths for each state, color-coded via d3.scaleOrdinal with d3.schemeCategory10. The SVG rendering includes linear scales for axes, a legend, and both axis labels, all positioned within defined margins.

Ssridhardubala106@gmail.com

64% match

Loading thumbnail…

Tributary inlet

The visualization uses D3.js to render a horizontal stacked bar chart of state population frequencies, with each bar segmented into low, mid, and high categories. The animation sequentially expands each bar segment from zero to its final width over one second, while hover interactions momentarily enlarge the segment height. Data is sourced from an inline array of ten U.S. states, and the chart uses D3's linear scale and category20 color palette to map values and segment hues. The SVG rendering approach applies transitions via `transition().duration(1000)` and positions each state row using transform translations.

AAlexDaGr8

64% match