Skip to main content
SimilarExport ZIP
100%

Area Death's

✓ Published0🌍 Public
GGogineni44
Last edited Mar 30, 2023
Created on Mar 27, 2023
Forked from Areachart1

This area chart displays the average life expectancy for deaths by stroke across a series of years. The visualization uses D3 v5's `scaleTime`, `scaleLinear`, `area`, and `curveBasis` APIs to generate a smooth filled path, with axes created via `axisLeft` and `axisBottom`. Data is loaded from a CSV file hosted on GitHub, and the SVG rendering includes labeled axes and a title, with the fill and text colors defined in a separate CSS file.

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

Area Death's

This area chart displays the average life expectancy by year, with the area filled in orange beneath a curved line. The visualization uses D3 version 5’s `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to smooth the data, while `axisLeft` and `axisBottom` render the labeled axes. Data is loaded from a CSV file hosted in a GitHub gist, and the SVG output includes a red title and purple axis labels.

Ssaishashank
92% match
Loading thumbnail…

Fork of Area Death's

This area chart visualizes average life expectancy after stroke by year, using an orange filled path with a basis curve. The visualization loads CSV data from a GitHub gist and renders in SVG. D3 v5 APIs including `scaleTime`, `scaleLinear`, `area`, `curveBasis`, `axisBottom`, and `axisLeft` handle scaling, path generation, and axes. Titles and axis labels are added as SVG text elements with custom styling. The y-axis displays values using a compact format, and the chart includes gridlines via tick sizes.

TTejucmandava
92% match
Loading thumbnail…

Fork of Area Death's

This area chart visualizes death by stroke, plotting average life expectancy against years. The visualization uses d3.area() with a curveBasis for smooth interpolation, d3.scaleTime() and d3.scaleLinear() for axes, and d3.axisBottom() and d3.axisLeft() with gridlines. Data is loaded via d3.csv() from a GitHub gist, rendered as an SVG, and styled with orange fill and a red title. The chart includes axis labels for years and life expectancy.

Cchandanagandla
91% match
Loading thumbnail…

Fork of Area Death's

This area chart visualizes average life expectancy by year from a brain stroke dataset, rendered as an orange, curved path over a time-scaled x-axis. The code uses D3 v5 to load CSV data, construct scales with `scaleTime` and `scaleLinear`, and generate the area path via `area()` with `curveBasis`. The SVG chart includes titled axes, gridlines, and labels, sourced from a gist CSV file.

Hhm0421
91% match
Loading thumbnail…

Areachart1

This area chart visualizes the average life expectancy in a specific dataset, illustrating changes over time with a filled orange area beneath a line. The chart, titled "Death By stroke," uses a time-scaled x-axis for years and a linear y-axis for life expectancy values. Built with D3 v5, the visualization constructs the area using D3's `area()` and `curveBasis()` functions, with axes formatted via `axisLeft` and `axisBottom`, and includes custom labels. The data is loaded from a remote CSV file using D3's `csv()` method.

GGogineni44
89% match
Loading thumbnail…

Fork of Area Death's

This fork of "Area Death's" displays a single area chart from a CSV dataset, plotting average life expectancy against a time series of years. The chart uses D3 v5’s `select`, `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the SVG axes, while the `area` generator with `curveBasis` and explicit `y0`/`y1` settings fills the orange region below the line. The reduced data, sourced from Data Canvas - Sense Your City, is parsed by converting the year string into a `Date` object and the life-expectancy values into numbers, with the final graphic rendered in an SVG canvas and styled via the `styles.css` class definitions.

GGogineni44
85% match
Loading thumbnail…

Fork of Area Death's

This fork of "Area Death's" displays a single area chart from a CSV dataset, plotting average life expectancy against a time series of years. The chart uses D3 v5’s `select`, `scaleTime`, `scaleLinear`, `axisLeft`, and `axisBottom` to construct the SVG axes, while the `area` generator with `curveBasis` and explicit `y0`/`y1` settings fills the orange region below the line. The reduced data, sourced from Data Canvas - Sense Your City, is parsed by converting the year string into a `Date` object and the life-expectancy values into numbers, with the final graphic rendered in an SVG canvas and styled via the `styles.css` class definitions.

GGogineni44
85% match