Fork of Line_Stroke_Death

100%

Fork of Line_Stroke_Death

✓ Published1🌍 Public

Last edited Mar 29, 2023

Created on Mar 29, 2023

This example shows a line chart of annual restaurant counts, plotting year against sales figures from a CSV dataset. The line uses a smooth basis curve, with orange styling and an 8-pixel stroke width. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and a `line` generator with `curveBasis`. The data is loaded via `d3.csv` from a GitHub Gist, and the chart includes labeled axes and a title.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City.

Made in this video:

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Line_Stroke_Death

This fork of Line_Stroke_Death shows restaurant sales counts over time, with a smooth green curve plotted on a scatter-free line chart. The visualization uses D3 v5 APIs including `scaleLinear`, `axisLeft`, `axisBottom`, and `line` with `curveBasis` to generate the SVG path. It loads CSV data from a GitHub gist, parses numeric fields, and renders axes with custom labels. The chart includes a title, rotated y-axis label, and styled stroke using the CSS class `.line-path`.

Mmaheganesh

93% match

Loading thumbnail…

Fork of Line_Stroke_Death

This example displays a line chart of average life expectancy over time, with yearly values plotted along the x-axis and the corresponding life expectancy on the y-axis. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `scaleTime`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` for smooth interpolation. Data is loaded from a CSV file containing stroke-related statistics, and axes are annotated with labels and a title. The line is styled as a thick orange stroke within a margin-based layout.

Kkollirohit2000

87% match

Loading thumbnail…

Fork of Line_Stroke_Death

This line chart visualizes the average life expectancy over time, plotting yearly data points connected by a smooth curved line. The chart uses D3 v5 APIs including `scaleLinear`, `scaleTime`, `axisLeft`, `axisBottom`, `line`, and `curveBasis` to render an SVG with labeled axes and a thick green stroke. The data is loaded from a CSV file hosted on GitHub, and the visualization includes grid lines and a rotated y-axis label.

VVAbhiram99

86% match

Loading thumbnail…

Fork of Line_Stroke_Death

This fork of the Line_Stroke_Death example visualizes the cost of a car over time, plotting yearly data points connected by a smooth, orange curve. The chart uses D3.js v5 with a linear scale for both the x (Year) and y (Cost) axes, and employs d3.line with a curveBasis interpolator. Axis labels and gridlines are generated via d3.axisBottom and d3.axisLeft. The data is loaded from a CSV file hosted on GitHub Gist, and the final SVG render includes a titled plot with margins.

Vviswak12

85% match

Loading thumbnail…

Fork of Fork of Line_Stroke_Death

This line chart displays average life expectancy by year, using a single orange stroked path to trace the trend over time. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and a `line` generator with `curveBasis` for smoothing. The SVG renders within a fixed 960x500 viewport, with data parsed from a CSV hosted on a GitHub gist. The chart includes labeled axes for “Year” and “Averag_Life_Expectancy,” with gridlines drawn via tick sizes, and a title placed above the plot area.

GGogineni44

85% match

Loading thumbnail…

Fork of line chart

This example visualizes yearly total sales with a line chart, plotting date values against sales figures on Cartesian axes. The SVG rendering uses d3.scaleTime and d3.scaleLinear to map the data domain, while d3.axisBottom and d3.axisLeft generate the tick marks and labels. Data loads from a CSV file at a GitHub gist URL, and the line path is drawn using d3.line. The visualization removes axis domain lines, adds axis labels, and styles the path with a black stroke.

Rrohinikotha

83% match

Loading thumbnail…

Fork of Line chart

This line chart visualizes yearly sales data from a remote CSV file, mapping time on the x-axis and sales values on the y-axis. The code uses D3 v7’s `d3.csv` to load and parse data, `d3.scaleTime` and `d3.scaleLinear` for scales, and `d3.line` to generate a steelblue path. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, with custom formatting for years, and the SVG output is sized 800 by 400 pixels. The visualization demonstrates a clean, minimal line chart with labeled axes and no interactivity.

Mmadipadiga.raviteja@gmail.com

82% match

Loading thumbnail…

Fork of Line Chart

This fork of a line chart visualizes monthly sales data for 2022, plotting sales figures against months. The chart uses D3 v5 and renders as an SVG, with a purple line connecting data points. It employs `d3.scalePoint` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` to generate the path. Data is loaded from a CSV file via `d3.csv`, with axis labels and a title styled through CSS. The visualization includes gridlines via the y-axis tick size.

82% match