Fork of Fork of A week in San Francisco - Line chart

100%

Fork of Fork of A week in San Francisco - Line chart

✓ Published0🌍 Public

Last edited Jul 3, 2022

Created on Jul 3, 2022

Forked from Fork of A week in San Francisco - Line chart

This line chart visualizes COVID-19 deaths in San Francisco over time, with the area under the curve filled in maroon. Built with D3 v5, it uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.area` with `curveBasis` for the filled path, and renders as an SVG. Interactive mouseover events trigger a bisector search to display the death count near the cursor. Data is loaded from a CSV file and parsed as dates and numbers.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of A week in San Francisco - Line chart

This visualization displays a line chart of temperature in San Francisco over time, with the title “Temperature in San Francisco” and labeled axes for time and temperature. The chart uses D3 v5, leveraging `d3.scaleTime`, `d3.scaleLinear`, `d3.line` with `curveBasis`, and `d3.axisBottom`/`d3.axisLeft` to render gridlines and axes in SVG. Data is loaded from a CSV file via `d3.csv` and parsed into date and numeric values. The line is styled with a maroon stroke, and tick labels are enlarged for readability.

SShishiraRudrabhatla

85% match

Loading thumbnail…

Fork of Area Death's

This line chart displays temperature data (in degrees Celsius) for one week in San Francisco, sourced from Data Canvas - Sense Your City. The visualization uses D3 v5 to render an area chart with a smooth curve, mapping dates to the x-axis and temperature values to the y-axis. The code employs D3’s `scaleTime`, `scaleLinear`, `area`, and `curveBasis` APIs to generate the filled path, with axes formatted using `axisBottom` and `axisLeft`. The chart is drawn as an SVG, featuring a red title and orange fill, with gridlines and axis labels styled via CSS.

Mmounishnaidu96@gmail.com

84% match

Loading thumbnail…

Fork of Line_Stroke_Death

This line chart displays temperature data for San Francisco over one week, sourced from Data Canvas - Sense Your City. It plots monthly usage values on both axes, with an orange curved line connecting data points. The visualization uses D3 v5’s scaleLinear, scaleTime, axisBottom, axisLeft, and line generator with curveBasis. SVG elements render the chart, including gridlines via tickSize, axis labels, and a title. Data is loaded from a CSV file using d3.csv.

SSUSHMA CHIRRA

84% match

Loading thumbnail…

Fork of A week in San Francisco - Line chart

This visualization shows temperature readings in San Francisco over a week, using a smooth line chart with time on the x-axis and temperature on the y-axis. The chart includes labeled axes, gridlines, and a title, with the line rendered in a thick maroon stroke. The code uses d3.csv to load the data, d3.scaleTime and d3.scaleLinear for scaling, and d3.line with curveBasis to generate the path. Axes are drawn with d3.axisBottom and d3.axisLeft, while the SVG structure and styling are managed through d3 selections and CSS.

RRoque Luís Pina

83% match

Loading thumbnail…

Temperature in San Francisco Line Chart

This line chart displays the daily cumulative death count from January to July 2020, using data from a CSV file. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` to render a smooth SVG path. The axes include grid lines and labeled titles, while the line itself is styled in maroon. The data is parsed by converting dates to `Date` objects and deaths to numbers before plotting.

Aashpradhan01123

83% match

Loading thumbnail…

Fork of A week in San Francisco - Line chart

A line chart shows hourly temperature readings in San Francisco over a week, with time on the x-axis and degrees on the y-axis. The chart is rendered as an SVG using D3 v5, with scales built via `scaleTime` and `scaleLinear`, and the line path generated by `line` with `curveBasis`. Axes are added with `axisBottom` and `axisLeft`, and the data is loaded from a CSV file using `csv`.

Mmorjyooo

83% match

Loading thumbnail…

Fork of A week in San Francisco - Line chart

This line chart visualizes the number of comments over time from a CSV dataset. The x-axis represents time, while the y-axis maps temperature, though the data lacks a temperature column. Built with D3 v5, the code uses `select`, `csv`, `line`, `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render an SVG with grid lines, axis labels, and a smooth curve. The chart displays a title and styled paths via CSS.

Mmorjyooo

82% match

Loading thumbnail…

Fork of Fork of Temperatures in San Fransisco Line Chart

This chart visualizes a week of temperature data in San Francisco, using a smoothed area chart to show temperature fluctuations over time. The visualization loads data from a CSV file containing timestamps and temperature readings, then renders them as an SVG using D3 v5’s `area` and `curveBasis` functions to create a flowing, filled line. Axes are generated with `axisBottom` and `axisLeft`, with gridlines and custom tick styling applied via CSS. The data is mapped using `scaleTime` for the x-axis and `scaleLinear` for the y-axis, with the area filled in maroon.

JJuyeonee

82% match