Fork of Fork of Fork of Line_Stroke_Death

100%

Fork of Fork of Fork of Line_Stroke_Death

✓ Published0🌍 Public

Last edited Mar 29, 2023

Created on Mar 29, 2023

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

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 Line_Stroke_Death

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.

Mmaheganesh

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

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

84% match

Loading thumbnail…

Fork of Fork of Fork of Circles with D3

This visualization uses a D3.js line chart to display store sales data aggregated by store area. The code loads CSV data, groups it with `d3.rollup`, and sums sales per area, then renders a smooth curve using `line()` with `curveBasis`. Axes are drawn with `axisLeft` and `axisBottom`, while scales are created using `scaleLinear` and `extent`. The SVG output includes labeled axes and a title, with a blue line path styled via CSS.

RRohithNaiduDevareddy@my.unt.edu

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

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

82% match

Loading thumbnail…

Fork of Line Chart Project

A line chart displays high hotel booking rates over time, with a smooth curve generated using D3 v5's `line` and `curveBasis` functions. The SVG visualization uses `scaleTime` and `scaleLinear` for the axes, with grid lines created by `axisBottom` and `axisLeft`. Data is loaded from a CSV hosted on GitHub, parsed with `csv`, and rendered with custom styling for the axis labels and maroon stroke line path.

Kkakumanusreya

81% 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.

81% match