Fork of Line_Stroke_Death

100%

Fork of Line_Stroke_Death

✓ Published0🌍 Public

Kkollirohit2000

Last edited Mar 30, 2023

Created on Mar 30, 2023

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.

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

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

95% match

Loading thumbnail…

Fork of Line_Stroke_Death

This line chart displays the average life expectancy per year, derived from brain stroke data. The SVG visualization uses D3 v5's `scaleLinear`, `axisLeft`, `axisBottom`, and `line` with `curveBasis` to draw a smooth orange path. Data is loaded from a GitHub gist and mapped with `extent` for scales. The chart includes labeled axes and a rotated y-axis label, with gridlines via tick sizes.

TTejucmandava

93% match

Loading thumbnail…

Fork of Fork of Line_strok

This line chart displays the average life expectancy over time, with the x-axis representing years and the y-axis showing the average life value. The data originates from a CSV file hosted on GitHub. Built with D3 v5, the visualization uses `scaleLinear`, `axisLeft`, `axisBottom`, and a `line` generator with a `curveBasis` smoothing function to render the blue stroked path on an SVG canvas. Grid lines are created via tick sizes, while axis labels and a title are added as text elements.

Cchandanagandla

91% match

Loading thumbnail…

Line_Stroke_Death

This line chart visualizes the change in average life expectancy over time, using data from a brain stroke dataset. The x-axis maps years and the y-axis maps average life expectancy, with a smooth orange line connecting data points. Built with D3 v5, the visualization employs `scaleLinear` for both axes, `line` with `curveBasis` for the path, and `axisLeft`/`axisBottom` for tick marks. The data is loaded via `csv` from a GitHub gist.

Ssaishashank

91% match

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

87% match

Loading thumbnail…

Fork of Area Death's

This area chart depicts average life expectancy over time, with a title reading “Death By stroke,” using data from a CSV file. D3 v5 constructs time and linear scales, generates a basis-curved area path via `d3.area`, and renders SVG axes through `axisBottom` and `axisLeft`. The visualization includes custom axis labels and a red title, with orange fill for the area. Data is loaded asynchronously using `d3.csv` from a GitHub gist, and the chart is sized to the SVG’s width and height attributes.

Kkollirohit2000

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