ICE - 7 Area Chart

100%

ICE - 7 Area Chart

✓ Published0🌍 Public

Last edited Mar 29, 2022

Created on Mar 29, 2022

This area chart tracks the daily count of COVID-19 cases in Texas across 2020, using a smooth curve to show the trend over months. The visualization combines a blue line with a semi-transparent salmon fill beneath it, while labeled axes display months on the x-axis and case counts on the y-axis. Built with D3 v5, the code uses `scaleTime`, `scaleLinear`, `line`, and `area` generators with `curveBasis` to create the smooth path, and `axisBottom`/`axisLeft` gridlines. Data is loaded from a CSV file via `csv` and rendered as SVG.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Line Chart

This chart displays the number of COVID-19 cases in Texas throughout 2020, with time on the x-axis and case counts on the y-axis. Built with React and D3 v7, it loads CSV data from a gist, sorts it by date, and renders a smooth line using `curveBasis` within an SVG. The axes use `scaleTime` and `scaleLinear`, with tick marks styled via CSS. The visualization includes axis labels for "Months" and "Covid Positive Cases," and a title, all styled with the Lato font.

RRohithReddy-thoughts

91% match

Loading thumbnail…

ICE 7 Area Chart

This area chart shows the relationship between total COVID-19 deaths (x-axis) and total cases (y-axis) using D3.js v5. The visualization uses `d3.area()` with `curveBasis` to draw a filled path beneath the curve, rendered as an SVG. The data is loaded from a CSV file via `d3.csv()` from a GitHub gist. Axes are generated with `d3.axisBottom()` and `d3.axisLeft()`, with tick formatting using `d3.format()`. The chart includes labeled axes and gridlines, with the area filled in a dark purple color.

SSnarasimhap

81% match

Loading thumbnail…

ICE 7 Area Chart

This area chart from a D3 v5 visualization shows the number of US cancer cases from 2009 to 2022, with both a filled area and a black line plotted over time. The chart uses `d3.csv` to load the dataset and `scaleLinear` for both axes, while `d3.area` and `d3.line` with `curveBasis` generate the smooth filled region and line path. Axis labels and tick formatting are handled via `axisLeft` and `axisBottom`, with the SVG rendered inside a 930×450 viewport.

Eeravellisaimeghana

80% match

Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This visualization shows the number of US cancer cases from 2009 to 2022 using a combined line and area chart. A smooth curve represents the trend, with the area beneath it filled in purple to emphasize the magnitude of cases over time. The chart includes labeled axes for year and case count, with gridlines and a tooltip that displays the entity name on hover. Built with D3 v5, it uses `scaleLinear`, `line()`, `area()`, `curveBasis`, and `axisBottom`/`axisLeft` to render SVG elements, with data loaded from a CSV dataset.

MMalempatiSaranya

79% match

Loading thumbnail…

ICE 7 Area Chart

This area chart visualizes tuberculosis cases in India from 2009 to 2022, using a smoothed curve to trace the yearly case counts. The chart combines a black line path with a steel-blue filled area beneath it, with labeled axes for year and case numbers. Built with D3 v5, it uses `d3.line` and `d3.area` generators with `curveBasis` for interpolation, along with `scaleLinear` for both axes and `csv` to load the dataset from a GitHub gist. The SVG rendering includes gridlines via axis tick marks.

DDeekshithVemula

79% match

Loading thumbnail…

ICE_7 Area_Chart

This area chart visualizes deaths in the USA from 2012 to 2022, using a smooth curve to show yearly trends. Built with D3 v5, it renders an SVG with a blue-filled area beneath a black line, using `scaleTime` and `scaleLinear` for axes. The chart includes grid lines, axis labels, and a legend-free design, with data loaded from a CSV via `d3.csv`. The `area` and `line` generators apply `curveBasis` for smoothing.

SShivaKarpe

79% match

Loading thumbnail…

Fork of Fork of ICE 7 Area Chart

This area chart visualizes US cancer cases from 2009 to 2022, showing the trend of cases over time with a smooth, curved line and a filled area beneath it. The chart uses D3 v5 APIs including `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, `d3.line`, and `d3.area` with a basis curve. Data is loaded from a CSV file hosted on GitHub, and the SVG rendering includes gridlines and labeled axes for year and case count.

JJyothicherukuri

78% match

Loading thumbnail…

ICE7 Area Chart

This area chart displays the population of the United States from 2011 to 2021, with a smooth curved line and a filled sky-blue region beneath it. The visualization uses D3 v5’s `csv` to load data, `scaleTime` and `scaleLinear` for axes, and the `area` and `line` generators with a `curveBasis` interpolation. Axis tick labels are formatted with `format('.3s')`, and the chart includes labeled axes and a title, rendered as SVG.

KKolliTeja

78% match