Fork of Fork of Line_strok

100%

Fork of Fork of Line_strok

✓ Published0🌍 Public

Last edited Mar 30, 2023

Created on Mar 30, 2023

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.

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

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

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

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

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

84% match

Loading thumbnail…

Fork of Fork of Line Chart

This line chart displays the average US net worth over time, using a red stroke to emphasize the trend. The chart loads CSV data from a GitHub gist, parses the year and worth values, and renders an SVG with axes, labels, and a title. It uses D3 v5 methods including `csv`, `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` to construct the visualization.

JJustin Roberts

82% match

Loading thumbnail…

Fork of Gold prices

The visualization displays "Death By Stroke" data, plotting average life expectancy against year as a single orange area chart. It uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `area`, `curveBasis`, `axisLeft`, and `axisBottom` to render an SVG. Data is loaded via `csv` from a GitHub gist, with year parsed as a date and life expectancy as a number. The chart includes labeled axes, grid lines, and a red title.

TTekmal-Bhavana

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

81% match