Skip to main content
SimilarExport ZIP
100%

Fork of Area Death's

✓ Published0🌍 Public
Mmaheganesh
Last edited Mar 29, 2023
Created on Mar 29, 2023
Forked from Area Death's

This area chart visualizes average life expectancy by year, using temperature data from San Francisco as the underlying dataset. It renders an SVG with D3 v5's `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to draw the filled path, while axes are generated with `axisBottom` and `axisLeft`. The data is loaded via `csv` from a GitHub gist, and the chart includes custom styles for the title and axis labels.

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 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
92% 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
92% 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
91% 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 displays average life expectancy versus gas prices across countries, using a one-week temperature dataset from San Francisco sourced from Data Canvas - Sense Your City. The visualization renders as an SVG using D3 v5, employing `d3.area`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom`. A blue-violet axis label and red title annotate the chart, while the orange-filled area path is generated with `d3.curveBasis`. Data is loaded via `d3.csv` from a GitHub gist.

Yyamunaunt
88% 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
88% 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
88% 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
87% match