100%

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

✓ Published0🌍 Public

Last edited Jan 23, 2024

Created on Jan 23, 2024

Forked from CSV Dataset Template - Penguins

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.

AI-generated description

The End Year National Highway System Median Traffic Speeds Dataset, loaded and parsed as CSV.

Tasks

Understanding and visualizing the difference in speeds between urban and rural locations
Analyzing whether or not there is a significant speed difference between AM and PM driving
Questioning the impact of the pandemic on speeds before/during/after lockdowns

MIT Licensed

Similar vizzes

Loading thumbnail…

VP Parallel Coordinates with Brushing

This interactive parallel coordinates visualization explores National Highway System traffic speeds, distinguishing vehicles by type and area (rural vs. urban). Built with D3.js in React, it animates filtered data as users brush along any axis to highlight matching trips, with color encoding by vehicle type and a dark, screen-blended design for readability.

VVansh Patel

70% match

Loading thumbnail…

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.

VVansh Patel

69% match

Loading thumbnail…

VP National Park 2022 Visitation Dataset

This example showcases a parsed CSV dataset from the National Park Service Annual Visitation Dataset, displaying the first record's raw structure in a preformatted block. The code reads the `data.csv` file, strips commas from numeric fields, and converts them to numbers. It then selects the first object and renders its JSON representation using string interpolation within the container's innerHTML. The visualization is purely textual, demonstrating data loading and transformation without any graphical charting library.

VVansh Patel

66% match

Loading thumbnail…

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.

VVansh Patel

65% match

Loading thumbnail…

Traffic Data Scatter Plot

This scatter plot visualizes traffic data, showing the number of vehicles against the hour of day, with each point’s radius and color encoding the percentage of heavy vehicles. It loads CSV data from GitHub and renders circles in an SVG using D3 v6, employing `scaleLinear` for axes, `scaleSqrt` for circle sizing, and `scaleOrdinal` with `schemeCategory10` for color mapping. Axes are added via `axisLeft` and `axisBottom`.

JJayanthKumarkoni

63% match

Loading thumbnail…

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.

VVansh Patel

61% match

Loading thumbnail…

hw3

This visualization presents the Auto MPG data set as an interactive network graph and adjacency matrix. A force-directed layout, built with `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter`, positions nodes by connection strength, with color mapping to node degree. Users can drag the graph and zoom via mouse scroll. The matrix view highlights rows and columns on hover, showing connections between all 62 cars. Data is loaded from a CSV file, and both views are rendered as SVG with animations.

AAnuragSingh2096

60% match

Loading thumbnail…

Commute Flows by County

This visualization presents county-to-county commuting flows across the United States, with each rectangle representing the volume of daily commuters between a work county and a residence county, encoded on a logarithmic orange color scale. The arrangement allows viewers to detect regional commuting patterns and compare relative flow magnitudes, though the data appears to show no obvious geographic hotspots. Built with the Vega-Lite API (using `vl.markRect`, `vl.x().fieldN()`, and `vl.color().fieldQ()`), it loads a CSV via `d3.csv`, renders as an SVG through Vega-Lite’s automatically generated specification, and includes tooltips for exact flow values. The chart uses a custom dark theme from `config.js` and scales to fit the window size.

Jjessand4

60% match