Fork of Task8

100%

✓ Published0🌍 Public

Last edited Apr 17, 2024

Created on Apr 17, 2024

Forked from Task8

This visualization displays the trend of confirmed COVID-19 cases over time as a line chart, with the x-axis representing dates and the y-axis showing the cumulative number of cases. The code loads data from a CSV file hosted on GitHub, parses the date and numeric fields, and uses D3 v6 scales and axes (d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render the SVG plot. A single orange path is drawn using d3.line, with axis labels added via text elements.

AI-generated description

A blank slate starting point showing the "Hello World" for the VizHub V3 Runtime Environment, which supports continuous hot reloading with interactive widgets.

https://vizhub.com/drbagwell/cfc6aaba08b54a598475e867bcc8fa21

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Hello VizHub

This visualization shows COVID-19 confirmed cases over time as a line chart, with dates on the x-axis and case counts on the y-axis. It loads data from a CSV file hosted on GitHub and renders an SVG path using `d3.line` and `d3.csv`. The code uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to construct the axes, with styling applied via the `stroke` attribute. The example demonstrates D3 v6 loading via UNPKG.

Vvjc5505@gmail.com

84% match

Loading thumbnail…

Fork of HTML Starter

This example displays the progression of confirmed COVID-19 cases over time as a line chart. It uses D3.js v6 (d3.csv, d3.scaleTime, d3.scaleLinear, d3.line, d3.axisBottom, d3.axisLeft) and is rendered as an SVG within a React-based HTML page. The data is loaded from a GitHub-hosted CSV file, with dates parsed using d3.timeParse. The chart includes labeled axes, a tooltip, and a styled orange line, all set against a white background.

KKELUTH HARI SANKARA KOTESWARA LAL

84% match

Loading thumbnail…

Fork of A7_Multi-line Chart

This fork of a multi-line chart visualizes COVID-19 case counts over time, showing a green line with circular points for each date. It uses D3 v7 with an SVG rendering, employing `d3.scaleBand` for the date axis and `d3.scaleLinear` for the case count axis, plus `d3.line` and `d3.axisBottom`/`d3.axisLeft` to generate the chart. Data is loaded from a remote CSV file containing date and case columns, with the line chart displaying a clear trend of rising cases across the period.

MM Hema

82% match

Loading thumbnail…

Fork of Activity7_Question2_5

This area chart displays COVID-19 confirmed cases in the US over time, sourced from a combined time-series CSV dataset. The visualization uses D3 v7's `d3.csv` loader, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.area` to generate the filled path. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, while data is aggregated by date via `d3.rollup`. The chart includes labeled axes and a title, with styling applied through CSS.

Nnavyabade05@gmail.com

82% match

Loading thumbnail…

Chart 1

This visualization displays the progression of confirmed COVID-19 cases over time as a single orange line chart. The x-axis maps dates using `d3.scaleTime`, while the y-axis uses `d3.scaleLinear` to represent case counts. Data is loaded via `d3.csv` from a GitHub gist and parsed with `d3.timeParse`. The line is rendered with `d3.line`, and axes are drawn using `d3.axisBottom` and `d3.axisLeft`. The SVG structure is built with D3 v6, with explicit margins, axis labels, and a white background.

Rramsrinivaskatragadda@my.unt.edu

82% match

Loading thumbnail…

Fork of Activy6-Task3

This fork of Activy6-Task3 presents a bar chart of COVID-19 confirmed cases by US state, loaded from a CSV file via `d3.csv()`. The visualization uses D3 v6 to create an SVG with `scaleBand` for the categorical x-axis and `scaleLinear` for the numeric y-axis, rendering bars with `join("rect")` and rotating the state labels for readability. The chart includes axes from `d3.axisBottom()` and `d3.axisLeft()`, and the bars are colored with a fixed fill.

KKELUTH HARI SANKARA KOTESWARA LAL

82% match

Loading thumbnail…

Fork of Covid-19 confirmed cases (Date 25/09/20)

This visualization presents COVID-19 confirmed cases by date using a bar chart rendered with SVG, alongside a world map colored by total cases using a spectral color scale. The bar chart uses d3.scaleLinear and d3.scaleBand to map cases and dates, with axis labels styled with IBM Plex fonts and interactive tooltips via d3.tip. The map employs d3.geoPath with a geoNaturalEarth1 projection, and d3.scaleOrdinal with schemeSpectral to encode country-level data. Both views load from external CSV and TopoJSON sources, with the map supporting zoom interaction.

AAaronBhasker

81% match

Loading thumbnail…

Activity7_Question2_5

This area chart visualizes the cumulative number of confirmed COVID-19 cases in the United States over time, using a dataset from a GitHub-hosted CSV file. The visualization filters the raw data for the US, groups it by date, and sums the confirmed cases using d3.rollup. An orange area path is generated with d3.area(), while d3.scaleTime and d3.scaleLinear map dates and case counts to SVG coordinates. The chart includes labeled axes, a bold title, and is built entirely with D3.js v7, rendering to SVG via the select and append methods.

Nnavyabade05@gmail.com

78% match