GasPrice

100%

✓ Published0🌍 Public

Last edited Jun 9, 2022

Created on Jun 9, 2022

Forked from Temperature in San Fran Liniendiagramm

The visualization displays diesel fuel prices from multiple gas stations over one week, using a single line chart with a time-scaled x-axis and a linear price y-axis. The SVG rendering uses D3 v7 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` smoothing. Data is loaded via `d3.csv`, with dates parsed and prices converted to numbers, and the chart includes gridlines and labeled axes.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Temperature in San Fran Liniendiagramm

This visualization displays one week of diesel fuel prices from multiple San Francisco gas stations, plotting price against time with a smooth curved line using D3 v7. The chart shows diesel price fluctuations across hourly data points from January 1–2, 2021. It loads CSV data via `d3.csv`, parses dates and numeric values, and renders an SVG line chart with `scaleTime` and `scaleLinear` axes. The implementation uses `d3.line` with `curveBasis`, `axisBottom`, `axisLeft`, and includes axis labels and a title in German, with gridlines from tick marks.

Aamulyakannam

78% match

Loading thumbnail…

Eine Woche Tankdaten: e10

The visualization displays a single week of E10 fuel prices from three Berlin gas stations as a line chart, tracing price fluctuations over time. It plots E10 price against date, with labeled axes and a title. The implementation uses D3 version 7, specifically the `select` API to target the SVG element, `csv` for data loading, `scaleTime` and `scaleLinear` for scaling, and `line` with `curveBasis` to create the smoothed path. Data comes from the provided CSV file, and rendering uses SVG with custom axis and title styling.

Llnfrnzsk

77% 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

76% match

Loading thumbnail…

Eine Woche Tankdaten: e5

A line chart tracks the price of E5 gasoline across one week in January 2021, with time on the x-axis and price on the y-axis. The visualization highlights price fluctuations using a smooth curve generated with `d3.line` and `curveBasis`. The code loads data from a CSV file using `d3.csv`, parses dates and numeric values, and renders axes with `d3.axisBottom` and `d3.axisLeft`. SVG output is produced through D3 selections, with scales created via `scaleTime` and `scaleLinear`.

Llnfrnzsk

76% match

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

75% match

Loading thumbnail…

Gas report

This visualization presents a layered line chart comparing gas consumption amounts and fuel efficiency (mpg) over time. The data is loaded from a GitHub-hosted CSV file using `d3.csv`. The chart uses two overlaid line marks with independent y-axes, created via the Vega-Lite API’s `vl.layer` and `resolve` functions. Both layers encode date on the x-axis and tooltips on the data fields. The visualization is rendered with Vega-Lite, using a custom config for axis styling and colors.

Rrohame

75% 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

75% match

Loading thumbnail…

Line Chart with Two Lines

This line chart displays annual average U.S. prices for regular gasoline and diesel from 1995 to 2014, with the two series overlaid to compare their trends. It shows that both fuels follow a similar upward trajectory with peaks around 2012–2013 before a slight decline, and that diesel prices generally exceed regular gas prices. The visualization uses D3.js v3 with SVG rendering, employing d3.svg.line and d3.time.scale for the x-axis, while loading the two CSV datasets and merging them to set scale domains. The data comes from the U.S. Energy Information Administration.

CCindyJonesHulfachor

75% match