ICE7 Line Chart

100%

ICE7 Line Chart

✓ Published10🌍 Public

Last edited Apr 8, 2023

Created on Mar 25, 2023

This line chart displays the median PM2.5 concentration for each month in San Francisco, with the x-axis representing months and the y-axis showing concentration values. The visualization is built using D3 v5, specifically employing `scaleLinear`, `axisLeft`, `axisBottom`, and a `line` generator with `curveBasis` for smooth interpolation. The chart includes labeled axes for "Month" and "Median PM 2.5 Conc," with data loaded from a CSV file hosted on GitHub. The SVG rendering uses a blue line with a title and grid lines, styled 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 ICE7 Line Chart

This line chart displays median PM 2.5 concentrations across months in San Francisco, using data from Data Canvas - Sense Your City. The visualization plots a smooth curve through monthly data points, with labeled axes for month and concentration. Built with d3 v5, the chart uses d3.line with curveBasis for the smoothed path, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom for tick marks. The SVG rendering includes gridlines, axis labels, and a title, with styling applied via CSS classes.

SStruan Bowie

93% match

Loading thumbnail…

Fork of ICE7 Line Chart

This line chart visualizes the median PM 2.5 concentration for each month in San Francisco, using data from Data Canvas - Sense Your City. The chart renders as an SVG using d3.v5, with a smoothed line generated by the `line` and `curveBasis` functions, and axes created via `scaleLinear`, `axisBottom`, and `axisLeft`. A CSV file is loaded with `csv` and processed to convert month names into numeric indices. The chart includes labeled axes, a title, and a blue line path styled via CSS.

SSólveig Hákonardóttir

93% match

Loading thumbnail…

Fork of ICE7 Line Chart

This line chart visualizes the median PM 2.5 concentration across different age-group bands, with data loaded from the Gray Area Foundation's "Data Canvas - Sense Your City" initiative. The visualization uses the D3 v5 library, specifically leveraging `select`, `csv`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with a basis curve to render a smooth SVG path. The chart includes labeled axes for "Month" and "Median PM 2.5 Conc," with a blue stroke styling for the plotted line.

VVineela Reddy

83% match

Loading thumbnail…

ICE-7 Line Chart

This line chart displays daily temperatures in San Francisco over one week, using data from the Data Canvas - Sense Your City project, with the y-axis labeled "Medals Won" and the x-axis labeled "Year" in the code. Built with D3 v5, the visualization uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.line, and d3.extent to render an SVG path with styled tick lines, a green axis label, an orange title, and a purple stroke line. The data is loaded via d3.csv from a GitHub gist URL.

BBhanuMotupalli

82% match

Loading thumbnail…

Line Chart

This line chart displays the median PM 2.5 concentration for each month of the year, using a smooth basis curve to connect data points. The visualization, built with D3 v5, employs `scaleLinear` for both axes and `axisBottom`/`axisLeft` for tick marks. Data is loaded via `csv` from a GitHub gist, with month names converted to numbers. The chart includes labeled axes for "Month" and "Median PM 2.5 Conc," rendered as an SVG with a styled path.

Rrichardreyp

81% match

Loading thumbnail…

Median PM2.5 daily concentration

This line chart visualizes median PM2.5 daily concentration across months, with a smooth curve connecting data points. The y-axis measures concentration levels, while the x-axis represents months from January through December. Built with D3 v5, the code uses `scaleLinear`, `scaleTime`, `axisLeft`, `axisBottom`, and `line` with `curveBasis` to generate the SVG path. Data is loaded from a CSV file hosted on GitHub Gist, and the chart includes styled grid lines and axis labels. The rendering approach uses an SVG element with margins defining the plotting area.

Llibramanju

81% match

Loading thumbnail…

Line chart

This line chart visualizes temperature readings in San Francisco over several days in March 2015. The chart plots time on the x-axis and temperature in degrees Celsius on the y-axis, with a smooth red curve connecting the data points. It uses D3 v7's `scaleTime` and `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and `line` with `curveBasis` to draw the smooth path. The data is loaded from a CSV file and rendered as an SVG.

EEngine194

77% match

Loading thumbnail…

Line Chart of San Fransisco

This line chart visualization displays a week of temperature data in San Francisco, using a smooth curve to connect each timestamped measurement. The chart includes labeled axes for time and temperature, with a title and clean grid lines. The code loads the dataset via `d3.csv` from a VizHub URL and renders the chart as an SVG using D3 v5 APIs including `scaleTime`, `scaleLinear`, `line`, `curveBasis`, `axisBottom`, and `axisLeft`. Styling is applied through CSS classes, and the line is drawn with a green stroke on a neutral background.

Sspringxc

77% match