Skip to main content
SimilarExport ZIP
100%

Eine Woche Tankdaten: e5

✓ Published0🌍 Public
Llnfrnzsk
Last edited Jun 8, 2022
Created on Jun 8, 2022

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`.

AI-generated description
MIT Licensed

Similar vizzes

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
87% match
Loading thumbnail…

GasPrice

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.

Ssvsiefert
76% match
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
72% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes weekly U.S. gasoline prices as a line chart, with time on the x-axis and price per gallon on the y-axis, emphasizing trends through a simplified, clean design. It uses the Vega-Lite API to construct the chart declaratively, registering it with Vega and Vega-Lite, while D3’s `csv` module is referenced for potential data loading. The data, a static array of timestamped prices, is passed directly to the chart, which renders as a full-window SVG. Custom axis styling and large label fonts are configured to improve readability.

SSujit Iwale
71% match
Loading thumbnail…

ICE7_Q3_Creating Line Chart with D3js

This example displays monthly gas prices for 2021 using an SVG line chart. The visualization uses D3 v5 to load CSV data and render a smooth curve, with labeled axes for months and price in dollars. It employs d3.scaleTime and d3.scaleLinear to map data values, d3.axisLeft and d3.axisBottom for gridlines and ticks, and d3.line with curveBasis for the curved path. The code also uses d3.csv for data parsing and d3.timeParse to convert month strings into date objects.

PPbarring
70% match
Loading thumbnail…

Simple Line Graph v5

A simple line graph displays daily closing prices over roughly six weeks, extracted from a CSV file with date and value columns. The visualization uses an SVG path rendered through D3 v5's `d3.line()` generator, with a time scale for the x-axis and a linear scale for the y-axis. Margins are set explicitly, and both axes are drawn using `d3.axisBottom()` and `d3.axisLeft()`. The date strings are parsed with `d3.timeParse()`, and the line is styled with a steelblue stroke.

Dd3noob
69% 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
69% 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
67% match