project-SDV 3

100%

✓ Published0🌍 Public

Last edited Dec 5, 2025

Created on Nov 3, 2025

This parallel coordinates chart visualizes 13 numeric petroleum price attributes across weekly dates from a CSV file, with each line representing a time series. The D3 v7 code renders SVG paths for all data points in blue, with axes scaled linearly per dimension. Interactive legend buttons allow filtering by dimension, highlighting lines in the top 10% of values for the selected attribute while dimming others. Tooltips display the week date on hover, and the line generator uses `d3.line()` with `d3.scalePoint()` for positioning.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

project-SDV 5

A multi-line chart displays retail gasoline prices for four US regions (A1, R1, M1, D1) as weekly time-series data from the provided CSV. Four colored lines show price trends, each represented with a legend button. Clicking a legend button highlights the selected region’s line while dimming others; clicking again restores all. The chart uses D3 v7 with `scaleTime`, `scaleLinear`, `line`, and `curveMonotoneX`, while rendering via SVG. Points include an HTML tooltip showing exact values and dates. The visualization is built with `d3.csv`, axes via `axisBottom` and `axisLeft`, and interactive filtering through `selection.on` and `selection.attr`.

RRuthvik Bairaboina

83% match

Loading thumbnail…

project-SDV 4

This stacked area chart visualizes the average prices of U.S. gasoline, broken down into overall, regular, and midgrade averages, across a weekly timeline. The chart uses a total height to represent the sum of these three averages for each date. Built with D3.js v7, the code computes the averages from the raw data, stacks them using `d3.stack()`, and renders the areas with `d3.area()`. An interactive legend allows users to isolate individual averages by dimming the others, and a tooltip displays precise values via a nearest-date bisector. The data is sourced from the provided CSV file.

RRuthvik Bairaboina

80% match

Loading thumbnail…

project-SDV 2

This scatter plot matrix compares weekly U.S. gasoline prices across four fuel grades—All Grades, Regular, Midgrade, and Diesel—from early 1995 onward. Each cell displays a scatter of points, with tooltips revealing the specific week and price values on hover. Built with D3 v7, the visualization uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` for tick marks. The SVG-based rendering includes a cross-product helper to generate all pairwise combinations of the selected columns.

RRuthvik Bairaboina

79% match

Loading thumbnail…

project-SDV

This heatmap visualizes weekly U.S. retail gasoline and diesel prices from 1995 to 2021, with columns representing different fuel grades and formulations, and rows representing weekly dates. Color intensity encodes price levels, using a viridis color scale. Built with D3.js v7, the visualization renders as an SVG using `d3.scaleBand` for axes, `d3.timeFormat` for date parsing, and `d3.interpolateViridis` for color mapping. A tooltip, triggered by mouseover events, displays the column description, date, and value, while a gradient legend shows the color-to-price correspondence.

RRuthvik Bairaboina

78% match

Loading thumbnail…

project a

This multi-line chart visualizes four petroleum price metrics (A1, R1, M1, D1) from the PET_PRI_GND_DCUS_NUS_W dataset over time. The visualization uses d3.csv to load and parse the data, d3.scaleTime and d3.scaleLinear for axes, and d3.line to generate the paths. Each metric receives a distinct color from d3.scaleOrdinal, with an interactive legend that toggles line visibility by adding a hidden-line class on click. The chart is rendered as an SVG and also demonstrates d3.axisBottom and d3.axisLeft.

RRuthvik Bairaboina

78% match

Loading thumbnail…

SDV Project Visualization

This example shows a pie chart of technology usage hours grouped by relationship status, with data loaded from a CSV file hosted on GitHub. The chart uses D3 v6 APIs including `d3.csv`, `d3.pie`, and `d3.arc` to compute and draw the slices, alongside a custom ordinal color scale and a manually positioned legend built with SVG rectangles and text. The visualization includes a title and uses an SVG rendering approach within an HTML page.

RRishithaGarnepudi@my.unt.edu

75% match

Loading thumbnail…

VisuProjet

This visualization displays a line chart of daily closing prices from a CSV file containing date and value pairs. The chart uses a time-scaled x-axis and a linear y-axis to map the trends over the sample period. Built with D3 v5, the code relies on `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to render the red stroke path onto an SVG. Data loading uses `d3.xml`, while axes employ `d3.axisBottom` and `d3.axisLeft`. The visualization also references the MusicBrainz API, though it is not applied to the chart itself.

SSeegson

74% match

Loading thumbnail…

Untitled

An interactive time-series line chart displays daily, weekly, and monthly aggregations of value and quantity data from a CSV file. Buttons allow switching between these temporal resolutions, with the line path redrawing accordingly. Tooltips appear on mouseover, and the chart uses D3 v3 APIs including `d3.csv`, `d3.time.scale`, `d3.bisector`, and `d3.svg.axis`, with an SVG canvas and smooth animation during transitions.

Ggabrielribeirob

73% match