Skip to main content
SimilarExport ZIP
100%

Fork of Activy6-Task3

✓ Published0🌍 Public
KKELUTH HARI SANKARA KOTESWARA LAL
Last edited Apr 17, 2024
Created on Apr 17, 2024
Forked from 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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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…

Fork of 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.

KKELUTH HARI SANKARA KOTESWARA LAL
82% match
Loading thumbnail…

Fork of Activity6_Task1

This fork of Activity6_Task1 displays a horizontal bar chart using React and D3 v5, comparing the 2020 populations of 30 countries. The visualization maps each country’s population to bar lengths using a linear scale, with categorical y-axis labels for country names. Using `d3.csv` to load data from a GitHub-hosted CSV, the chart renders as SVG with `scaleBand` and `scaleLinear` for axes, and includes tooltips via `<title>` elements that format values with `d3.format`.

Kkandooriabhiram@gmail.com
81% match
Loading thumbnail…

Fork of Bar chart - covid19

This horizontal bar chart displays the total number of Covid-19 cases in the top five U.S. states as of January 12, 2021, using data from Worldometer. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `csv` to load the data. It includes `axisLeft` and `axisBottom` for tick marks, with a title and formatted tick labels.

BbeauMarko
80% match
Loading thumbnail…

Fork of Fork of Fork of Bar Chart + Axis customisation

A horizontal bar chart displays total COVID-19 cases for eleven countries, using a linear gradient fill and customized axes. The visualization employs D3 v6 with `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG bars, while tick labels use a text gradient and formatted numbers via `d3.format`. Data comes from a CSV file containing country names and case totals. The chart includes a title and axis labels, with gridlines removed from the axes.

YYash_Mistry
80% match
Loading thumbnail…

Fork of ICE-6: Rendering Marks and Channels with React & D3

This bar chart displays COVID-19 death counts for the first 20 states from a CSV dataset, rendered as SVG rectangles using React and D3. The code uses `d3.csv` to load data, `scaleBand` for the y-axis state categories, and `scaleLinear` for the death-count x-axis. React’s `useState` and `useEffect` hooks manage the asynchronous data loading, with tick marks and labels generated via the scales’ `.ticks()` and `.domain()` methods.

DDaniel Mata
79% match
Loading thumbnail…

Fork of Fork of Fork of Bar Chart + Axis customisation

This bar chart visualizes total COVID-19 cases across eleven countries, using a horizontal layout with a blue-pink gradient fill for bars. The visualization customizes both axes: the y-axis removes tick lines and domain, while the x-axis formats values using D3’s `format` function (e.g., converting to compact notation) and includes a labeled axis title. Data is loaded from a CSV file using `d3.csv`, with scales created via `scaleLinear` and `scaleBand`. Text elements also feature gradient fills, and margins are explicitly set to position the chart within an SVG canvas.

RRohit-2710
79% match
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
79% match