Dataset Questions

VP National Park 2023 Visitation Dataset

The visualization shows the first record of the National Park Service 2023 visitation dataset, with park name, visitor counts for 2022 and 2023, and geographic coordinates displayed as formatted JSON text. The code imports the CSV data, parses visitor counts by removing commas and converting to numbers, and renders the parsed first entry in a monospaced preformatted block. It uses the dataset directly from the loaded CSV file, with a fixed font size for readability. The example demonstrates data cleaning and JSON serialization without additional visualization libraries.

92% match

VP Dataset 2 (National Park Recreational Visits)

This example demonstrates National Park Service recreational visit data from 1979 onward, showing raw CSV rows converted into JavaScript objects with numeric fields. It displays the first data record as formatted JSON in a preformatted text block using a browser’s HTML container. The code parses the CSV via an imported data module, converts string values with unary plus operators, and sets a fixed font size for presentation. No charting library is used; it simply reveals the dataset’s structure for inspection.

89% match

Loading and Parsing CSV Data National Park Trails

This example demonstrates loading and parsing a CSV dataset of U.S. National Park Trails, displaying basic file statistics: size in kilobytes, row count, and column count. It uses D3.js v5’s `d3.csv` method to fetch and parse the remote CSV file asynchronously, then formats the result with `d3.csvFormat` and calculates metadata. The code also includes commented alternatives using the Fetch API with `async`/`await` and a nested `fetch` callback approach, illustrating different parsing strategies. The visualization itself is purely text-based, rendered inside a large `<pre>` element.

ZZiyang Gao

VP Dataset 1 (NYC Water Consumption)

This example displays the first record of New York City water consumption data from the NYC Open Data portal, showing fields like population, consumption in millions of gallons per day, and per-capita usage. The code parses the CSV file, converts numeric strings to numbers, and renders the first data object as formatted JSON text inside an HTML pre element. It uses JavaScript with the `JSON.stringify` method to display the structured data directly in the container.

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.

New York Parks

This visualization displays the first record from a CSV file containing New York State parks data, showing its fields like park name, coordinates, facility type, and photo path. The code loads the data using an import statement, then converts the first data object to a formatted JSON string with `JSON.stringify`. The resulting JSON is rendered inside a scrollable container, with the text size determined by a `fontSize` variable. The visualization serves as a simple data inspection tool, presenting the structure of the dataset in a readable format.

CCurran Kelleher

VP Dataset 3 (End Year National Highway System Median Traffic Speeds)

This visualization examines median traffic speeds on the National Highway System, showing how speeds differ between urban and rural areas, vary between AM and PM periods, and change over time before and during the pandemic. The code loads data from a CSV file, parses numeric fields, and displays the first data row as JSON in a formatted block using a template literal. The example uses the JavaScript array `map` method for data conversion and displays the rendered output in the container element.

66% match