Skip to main content
SimilarExport ZIP
100%

ICE - 7 Line Chart

✓ Published0🌍 Public
RRohithReddy-thoughts
Last edited Mar 29, 2022
Created on Mar 29, 2022

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 7 Area Chart

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.

RRohithReddy-thoughts
91% match
Loading thumbnail…

ICE7 Line Chart 11540905

This line chart displays the cumulative COVID-19 case counts across nine countries over time, with the x-axis representing total cases and the y-axis showing countries. The visualization uses D3 v5 with an SVG canvas, employing `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs to render the axis and path. Data is loaded from a remote CSV file via `csv()`, with values parsed and scaled before being drawn as a single red line path.

Nnagasai-gummadi
81% match
Loading thumbnail…

ICE-6 Bar Chart

This D3.js bar chart visualizes COVID-19 case totals for fifteen U.S. states, sourced from a CSV file fetched via `d3.csv`. The horizontal bars, rendered as SVG rectangles, are scaled with `d3.scaleBand` and `d3.scaleLinear` based on the maximum case count. The chart includes gridlines and axis tick labels generated through custom mapping functions, and is built within a React component using `useState` and `useEffect` hooks, with styling applied via inline attributes.

Ggayuvurukuti@gmail.com
81% match
Loading thumbnail…

ICE 6

This visualization displays the first 20 countries from a COVID-19 dataset as a horizontal bar chart, with bar lengths representing confirmed cases on January 28, 2020. The React component loads data via d3.csv and renders SVG rectangles using d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numeric x-axis. Grid lines and tick labels are manually generated from the scales, with a blue stroke for vertical lines. The chart updates once data arrives, showing a loading message beforehand.

AAmar09nath
80% match
Loading thumbnail…

ICE 7 Line Chart

The ICE 7 Line Chart visualizes the number of accidents in Texas over time as an orange line on an SVG canvas. It uses D3 v5 (imported via `d3` object) to load a CSV dataset from a GitHub gist, parse years with `d3.timeParse`, and render axes with `axisBottom` and `axisLeft` functions. The chart displays a time-scaled x-axis and a linear y-axis with gridlines, and the line is drawn using the `line()` generator with `scaleTime` and `scaleLinear` for coordinate mapping.

BBVNPK001
80% match
Loading thumbnail…

ICE-6 - 11629157

This visualization presents a horizontal bar chart of COVID-19 total cases for the top 20 countries, using a dataset loaded from a CSV file via d3.csv. The bars are rendered as SVG rectangles within a React component, with scales and axes created using d3.scaleBand and d3.scaleLinear. Gridlines, tick labels, and y-axis labels are generated by mapping over the scale ticks and domain. The chart is displayed at 960 by 550 pixels, with margins and a title heading, and is built as a React app rendered through ReactDOM into an HTML page.

NNiharika-Guthikonda
80% match
Loading thumbnail…

ICE

This example shows a bar chart of total COVID-19 cases aggregated by country, using data from a WHO global dataset. It first displays the raw categorical bars with steelblue fills, then rotates the x-axis labels for readability. The visualization is built with D3 v7, using `d3.csv` to load the data, `d3.sum` for aggregation, and `d3.scaleBand` with `d3.scaleLinear` for positioning. An SVG container with explicit margins renders the axes via `d3.axisBottom` and `d3.axisLeft`, while a rotated y-axis label clarifies the metric.

66264kusuma@gmail.com
79% match
Loading thumbnail…

ICE - 7 Line Chart

A line chart displays annual sales over time, with a single thick maroon line tracing the trend. The visualization uses D3 v5 to load CSV data via `d3.csv`, parse dates with `d3.timeParse`, and construct scales with `scaleTime` and `scaleLinear`. Axes are generated using `axisBottom` and `axisLeft`, while the line path is created with the `d3.line` generator. The SVG rendering includes labeled axes and gridlines, with data sourced from a GitHub gist.

Nnehabaddam
79% match