Skip to main content
SimilarExport ZIP
100%

Activity 6

✓ Published2🌍 Public
RRukmini Devi Y
Last edited Nov 5, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

This pie chart visualizes the distribution of heart disease cases, showing 138 instances with the condition against 100 without. The D3.js code uses `d3.scaleOrdinal` for categorical coloring, `d3.pie` for arc generation, and `d3.arc` for path construction, rendering to an SVG canvas. Labels appear at arc centroids, while a legend below maps colors to categories. The data is hardcoded in the script.

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…

Activity 7_Question 1

This pie chart displays the distribution of causes of death in the United States for 2023, with each slice labeled by its percentage of total deaths. The code uses D3 v7 with the `d3.pie` and `d3.arc` generators to compute and draw the arcs, while `d3.scaleOrdinal` with `d3.schemeSet2` assigns categorical colors. Data is loaded remotely from a CSV file via `d3.csv`, and a custom legend on the right pairs each cause with its corresponding percentage. The SVG rendering includes axis labels and bold percentage text positioned using `labelArc.centroid`.

Hharinihari6791@gmail.com
83% match
Loading thumbnail…

Activity 6

This pie chart visualization displays the proportional breakdown of categorical data loaded from a remote CSV file. Constructed with D3.js v7, the SVG graphic uses `d3.pie` to compute arc segments and `d3.arc` for path geometry, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing categorical colors. A legend, including color swatches and labels, is positioned on the left side, while the chart title appears above. The code loads data via `d3.csv` and renders all elements as SVG paths and text nodes.

AAP19110020041-Pavan Kumar
82% match
Loading thumbnail…

lohithaact7_q1piechart

This pie chart visualizes the distribution of diagnoses in a heart disease dataset sourced from a GitHub gist. The chart displays four categorical slices, each labeled with the diagnosis name, and uses a legend to map colors to the categories. Built with D3 v7, the code employs `d3.pie()` for arc generation, `d3.scaleOrdinal()` for color assignment, and `d3.select()` to build the SVG. It calculates counts from the CSV data using `d3.rollups` before rendering.

LLohitha Konidena
82% match
Loading thumbnail…

Assignment2_Pvs

This pie chart visualizes the prevalence of seven common health conditions, with slices sized proportionally to each condition’s percentage. A legend identifies each condition, and hovering over a slice reveals its name via a tooltip. Built with D3 version 3, the visualization uses the `d3.layout.pie` and `d3.svg.arc` APIs to generate and draw the slices, along with a custom tooltip and color palette. The code constructs an SVG graphic and includes placeholder axis labels, with a static dataset embedded directly in the script.

PPvs Prashanth
82% match
Loading thumbnail…

Activity 7

A pie chart visualizes the distribution of housing data by ocean proximity, with each slice colored and labeled to show the count of homes in each category. The chart includes a title and a legend displaying category names with their corresponding counts. Built with D3.js (v6), the visualization loads CSV data from a GitHub repository, uses `d3.pie` and `d3.arc` to generate the pie slices, and applies `d3.scaleOrdinal` with `schemeCategory10` for colors. The SVG rendering includes slice labels positioned via `arc.centroid` and interactive hover-free styling.

Pperamranji
81% match
Loading thumbnail…

question-1

This example displays a pie chart visualizing disease frequencies, with sample data showing counts for Hypertension, Diabetes, and Arthritis. The chart uses D3 v7 to generate arcs via `d3.pie()` and `d3.arc()`, with an ordinal color scale from `d3.schemeCategory10`. It renders SVG paths and includes a separate HTML legend built with D3 selections, listing each disease and its count. The code also demonstrates ES6 module imports and axis label placement using SVG text elements.

Ppraneeth7222@gmail.com
81% match
Loading thumbnail…

Activity_7

This pie chart visualizes fruit category proportions loaded from a GitHub Gist CSV file, with each slice labeled and colored using d3.scaleOrdinal with d3.schemeSet3. The D3 v7 code loads the data via d3.csv, converts values to numbers, and generates arcs with d3.pie and d3.arc. A custom legend, built as HTML divs, displays each category’s color and percentage. The SVG rendering includes white category labels positioned at slice centroids.

Aaschowdary.shashi@gmail.com
80% match
Loading thumbnail…

Activity 9.2

A pie chart displays the distribution of the Outcome attribute in a diabetes dataset, showing the proportional split between two outcome categories. The visualization loads CSV data from a GitHub repository, then uses D3's pie generator and arc generator to construct the chart, with slices colored via a sequential ordinal scale. The chart includes a legend mapping each outcome to its corresponding color. The example demonstrates importing D3 modules and local ES6 modules, with rendering handled through SVG in an HTML page.

Ss.harshinisai01@gmail.com
80% match