Skip to main content
SimilarExport ZIP
100%

Viz_shruthik

✓ Published0🌍 Public
Ssaishruthik2361@gmail.com
Last edited Nov 5, 2024
Created on Nov 5, 2024
Forked from Viz1

This example visualizes the distribution of COVID-19 cases across countries using a pie chart built with D3 v6. It loads data from a remote CSV file and renders each country as a slice, with size proportional to total cases. Hovering over a slice displays a tooltip showing the exact case count and percentage. The code uses d3.pie, d3.arc, d3.scaleOrdinal, and d3.select for SVG rendering, plus an interactive tooltip bound to mouseover events.

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…

Viz1

This example uses a pie chart to display the distribution of COVID-19 cases across different countries, with each slice sized by the total number of cases. It is built with D3 v6, utilizing `d3.select`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to render the chart as an SVG. Hovering over a slice triggers a tooltip that shows the specific case count and percentage of the total, calculated with `d3.sum`. The data is loaded from a CSV file using `d3.csv`, and a legend is added with colored rectangles and country labels.

Ssaishruthik2361@gmail.com
93% match
Loading thumbnail…

new shivsai

This example presents COVID-19 statistics through two coordinated D3 v7 visualizations: a pie chart and a bar chart. The pie chart breaks down global confirmed cases by WHO Region, while the bar chart displays confirmed cases per country. Both visualizations load data from the same CSV file using `d3.csv` and update interactively via mouseover tooltips showing detailed case counts. The charts use `d3.pie`, `d3.arc`, `d3.scaleBand`, and `d3.scaleLinear` to render SVG elements, with `d3.schemeCategory10` providing distinct colors for categorical data.

Vvikramkotlo9@gmail.com
83% match
Loading thumbnail…

Fork of Pie Chart Covid Proj Viz 3

This visualization shows the distribution of total COVID-19 cases across continents as a pie chart with an accompanying legend, using percentages derived from the total case count. The chart is built with D3 v5, employing `d3.pie` and `d3.arc` to generate the segments, and `d3.scaleOrdinal` for color mapping. Data is loaded via `d3.csv` from a GitHub-hosted dataset, and rendered as SVG with custom tick formatting and styled text labels inside each slice.

SSushmaNamidi@my.unt.edu
81% match
Loading thumbnail…

5320-Group25-Vikram

This example presents two interactive visualizations of COVID-19 data. A pie chart displays confirmed cases aggregated by WHO region, while a separate bar chart compares confirmed, death, and recovered counts for the top ten countries. The code uses D3 v7 APIs including `d3.pie`, `d3.arc`, `d3.scaleOrdinal`, and `d3.scaleBand` to render SVG elements. Data is loaded via `d3.csv` from a remote GitHub gist, with legends generated dynamically for both charts.

Vvikramkotlo9@gmail.com
80% match
Loading thumbnail…

Fork of area chart_shruthik

This area chart displays the total COVID-19 cases for each country, using a blue filled area to represent case counts along a categorical country axis and a linear count axis. It loads data from a remote CSV file via `d3.csv`, then uses `d3.scaleBand` and `d3.scaleLinear` for axes, with `d3.area` to generate the SVG path. The chart also rotates x-axis labels and includes axis titles derived from the data.

Ssaishruthik2361@gmail.com
80% match
Loading thumbnail…

Fork of Hello VizHub

This example displays a D3.js pie chart that visualizes the distribution of insurance records by region, rendered as SVG with an accompanying legend and interactive tooltips. The code loads CSV data from a GitHub-hosted dataset using `d3.csv`, aggregates region counts with `d3.rollup`, and constructs the pie with `d3.pie` and `d3.arc`. Hovering over a slice highlights it, triggers a tooltip showing the category and value, and applies categorical colors from `d3.scaleOrdinal` and `d3.schemeCategory10`.

Kkotha.shiva@btech.christuniversity.in
79% match
Loading thumbnail…

play

This interactive visualization displays COVID-19 infection data across nine countries using a pie chart rendered with D3.js (v6.7.0). Each slice represents a country’s confirmed infections with percentage labels and a color-coded legend. The chart is built with d3-arc and d3-pie generators, using scaleOrdinal for colors. Labels are centered within each slice using the arc centroid method.

Jjyothirmaijyothi2017@gmail.com
79% match
Loading thumbnail…

Fork of ICE - 7 Pie chart viz

This pie chart visualizes the percentage distribution of COVID-19 cases among the top five countries, with each slice labeled and a corresponding legend. Built with D3 v5, the example uses the `pie` layout function to compute arc segments and the `arc` generator to create the SVG paths. Data is loaded from a CSV file via the `csv` method in `getData.js` and `index.js`, with each country's percentage represented by a distinct color from a manual palette. The chart includes an interactive legend that pairs colored rectangles with country names and values.

AArruSkywalker
79% match