Line_Stroke_GasPrice

100%

Line_Stroke_GasPrice

✓ Published0🌍 Public

Last edited Mar 29, 2023

Created on Mar 29, 2023

This line chart visualizes female suicides among ages 25–34 per year, using data from a CSV file. The chart plots year on the x-axis and suicide counts on the y-axis, with a smooth blue line generated by `d3.line()` and the `curveBasis` curve. The visualization uses `d3.csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and gridlines, while styled SVG elements display red axis labels and a bold title. The line’s stroke width and color are set via CSS.

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 visualizes female suicide counts from 1985 to 2015, with years on the x-axis and the number of suicides on the y-axis. Using D3 v5, the code employs `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` with `curveBasis` to render the filled path in SVG. The dataset is loaded via `csv` from a GitHub gist, and axis labels and a title are styled through CSS classes.

Yyamunaunt

75% match

Loading thumbnail…

Fork of Line_Stroke_Death

This chart displays the relationship between female smoking rates and life expectancy, with each country plotted as a point. The data is sourced from a gist and visualized as a line chart using D3 v5's `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with a `curveBasis` smoothing. The SVG rendering uses a thick orange stroke for the path, and includes labeled axes and a title. The chart is generated from CSV data loaded via the `csv` function.

Ppemmasaniprudhvinadh

74% match

Loading thumbnail…

Line Chart with Multiple Lines

This example displays suicide numbers across countries over time, with each country’s yearly data shown as a separate colored line and a matching color legend on the right. Using d3.csv to load the dataset, d3.scaleTime and d3.scaleLinear map years and suicide counts, while d3.nest groups records by country and sorts them by the last value. The SVG rendering includes axes, gridlines, and a title, though the line paths are commented out, so only colored circles appear at data points.

Wwishcsdev

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

74% match

Loading thumbnail…

Fork of Line_Stroke_Death

This visualization displays the relationship between female smoker rates and life expectancy using data from COVID-19 vaccine statistics. The scatter plot transitions into a smooth line chart using D3’s line generator with curveBasis interpolation. Both axes employ d3.scaleLinear for quantitative scaling, with axis labels for female_smokers and life_expectancy. The SVG rendering includes styled orange strokes with significant thickness, while d3.csv loads the external dataset from a GitHub gist.

NNukaShravanKumar

74% match

Loading thumbnail…

Line Chart with Multiple Lines

This example shows suicide numbers across multiple countries over time, with each country represented by a colored line on a time-series chart. The visualization uses D3 v5 to load CSV data and render an SVG with scaled axes, grid lines, and a color legend. It employs D3's `scaleTime`, `scaleLinear`, and `scaleOrdinal` for scales, along with `axisBottom`, `axisLeft`, and `nest` to group data by country. The lines are sorted by their final value, and the chart is rendered entirely with SVG elements.

Wwishcsdev

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

73% match

Loading thumbnail…

Gist 66e2cbe027159e356832

This example visualizes age-standardized suicide rates for women across multiple countries as a radial bar chart, or "aster plot." Each wedge represents a country, with the angular extent fixed by the data order and the radial length scaled by the score (suicide rate). The data is loaded from a CSV containing columns for country, order, score, weight, color, and label, with the chart’s arc segments colored magenta (#FF00BF). The inner radius is fixed, while the outer radius encodes the score value, creating a flower-like layout where longer petals indicate higher suicide rates. Hovering over a wedge triggers a tooltip displaying the full country label and its score. The visualization was built with D3 v3 and rendered as SVG.

BBenHeubl

72% match