Skip to main content
SimilarExport ZIP
100%

Cancer Worldwide by Region

✓ Published1🌍 Public
AAsrar Al Qassem
Last edited Mar 23, 2024
Created on Mar 22, 2024

This pie chart displays the cancer mortality rate for top regions worldwide in 2019, with each slice representing a country’s liver cancer value. The visualization uses D3 v5’s `pie()` and `arc()` generators to create the chart, while `scaleOrdinal` with `schemePastel2` assigns colors to regions. Labels are positioned using an arc generator with a larger radius, and a legend is built from the pie data. The data is loaded via `csv()` from a WHO dataset hosted on GitHub, and the chart renders in an SVG container within a React framework.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pie Chart

This pie chart visualizes cancer deaths across different countries, using a CSV dataset fetched from a GitHub gist. The D3 v5 code renders SVG arcs with distinct colors, labels each segment with the death count in thousands, and includes a legend with country names and values. It leverages D3's `pie`, `arc`, `scaleOrdinal`, and `csv` APIs to compute arc geometries, map data to colors, and load the external data. The chart is centered within a 960x500 SVG canvas.

Vvarun-030
81% match
Loading thumbnail…

Pie Chart

This pie chart visualizes death rates across the top 10 countries, with each slice labeled in thousands and a corresponding legend listing country names and values. The data is fetched from a CSV file hosted on GitHub and rendered as an SVG using D3 v5 APIs, including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping. The chart applies a custom color palette per slice and uses `d3.format` to display abbreviated numbers.

KKiran3295
76% match
Loading thumbnail…

Cancers Map

This map visualizes total cancer-related deaths by country using a logarithmic color scale from light pink to dark red. It renders world geography using a Natural Earth projection via `d3.geoNaturalEarth` and `d3.geoPath`. Country data from Cancer.csv is matched to GeoJSON features using `d3.map`. A `d3.legendColor` with threshold labels displays the death count legend. SVG paths fill each nation based on the mapped totals.

AAsrar Al Qassem
75% match
Loading thumbnail…

PiechartProject

This visualization shows the distribution of COVID-19 deaths across continents using a pie chart. The chart displays each continent’s share as a percentage and absolute death count in thousands, with a color-coded legend. The code loads CSV data from a GitHub repository via `d3.csv`, then uses `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG path segments. Color mapping is handled by `d3.scaleOrdinal()`, while `d3.format()` formats numeric labels. The SVG canvas is sized at 960×450 pixels, and all elements are rendered as standard SVG shapes.

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

pie chart

This pie chart visualizes the top 10 countries by deaths from air pollution in 2022, with each slice’s area proportional to the death count. The chart renders as a circular SVG with labeled slices and a legend listing each country alongside its corresponding death figure. The code uses D3 v5 APIs including `pie()`, `arc()`, and `scaleOrdinal()` to generate and color the slices, while data is loaded from a CSV via the `csv` function. Death values are formatted in thousands (e.g., “150K”) using `format()`, and both slice labels and legend values are positioned using `arcGenerator.centroid()`.

Mmadipadiga.raviteja@gmail.com
75% match
Loading thumbnail…

Fork of Pie Chart

This interactive pie chart displays life expectancy across continents, ranking the top ten entries from a CSV dataset loaded via d3.csv. The visualization uses d3.pie and d3.arc to generate SVG path segments, with d3.scaleOrdinal and schemeCategory10 assigning colors. Legends are appended as separate SVG groups, showing continent names and values with formatted numbers. Mouseover events log data to the console, while the chart is rendered within a React application using d3 v5.

NNukaShravanKumar
74% match
Loading thumbnail…

Fork of Pie Chart

This interactive pie chart displays life expectancy across continents, ranking the top ten entries from a CSV dataset loaded via d3.csv. The visualization uses d3.pie and d3.arc to generate SVG path segments, with d3.scaleOrdinal and schemeCategory10 assigning colors. Legends are appended as separate SVG groups, showing continent names and values with formatted numbers. Mouseover events log data to the console, while the chart is rendered within a React application using d3 v5.

NNukaShravanKumar
74% match
Loading thumbnail…

Pie Chart

This pie chart displays the top 10 countries by COVID-19 deaths, with each slice labeled in thousands and a corresponding legend. The visualization uses D3 v5 APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to compute and position the slices, while SVG renders the chart. Data is loaded asynchronously from a CSV file via `d3.csv` and sorted to select the top entries. The code also employs `d3.format` for readable tick labels and color-coded legend rectangles.

RRupeshGandham
74% match