Skip to main content
SimilarExport ZIP
100%

ra_assignment

✓ Published0🌍 Public
RRukmini Devi Y
Last edited Nov 6, 2024
Created on Nov 6, 2024
Forked from Activity 6

A pie chart displays the distribution of housing furnishing statuses (furnished, semi-furnished, unfurnished) from a CSV dataset. The chart uses D3 v6's `d3.pie` to compute arc angles, `d3.arc` for path generation, and `d3.scaleOrdinal` for categorical color mapping. Labels show each category and its count, positioned at arc centroids. A legend lists the categories with colored swatches. Data loads asynchronously via `d3.csv` from a GitHub gist, with SVG rendering and explicit chart dimensions and margins.

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…

piechart

This pie chart visualizes categorical data loaded from a CSV file, displaying each category as a colored slice with a label and a legend. The code uses D3 v6 API functions including `d3.pie` to compute arc data, `d3.arc` for path generation, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. It renders as an SVG with a centered group, positioning arc paths and text labels via the `arc.centroid` method, while the legend is built with appended rectangles and text elements.

Rrajeswariamruthabommaraju@my.unt.edu
78% 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
78% match
Loading thumbnail…

Pie Chart

This pie chart displays categorical data loaded from a CSV file, with slices colored by category and labeled directly on the chart. It uses D3.js APIs such as `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal` with `d3.schemeCategory10` to generate and color the SVG paths. Text labels are positioned using `arc.centroid`, and a legend is built with appended rectangles and text elements. The SVG is centered via a transform, and the chart dimensions are fixed at 500 by 500 pixels.

Rrajeswariamruthabommaraju@my.unt.edu
77% match
Loading thumbnail…

PieChart-D3

A pie chart displays the distribution of fruit categories from a CSV file, with each slice labeled and a corresponding color legend. The chart is rendered as SVG using D3 v7, with the pie layout created via `d3.pie` and `d3.arc`, and colors assigned through `d3.scaleOrdinal` with `d3.schemeCategory10`. Data is loaded asynchronously with `d3.csv`, and slice labels are positioned using `arc.centroid`. The legend is built manually by appending colored rectangles and text elements.

Kkblikitha22@gmail.com
76% match
Loading thumbnail…

Pie Chart

This pie chart shows the distribution of person types from a CSV file, using a color-coded slice for each category with labels and a corresponding legend. The chart is built with D3.js v7, using `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for the color palette. Data is loaded via `d3.csv` from a GitHub-hosted source, and mouseover events log the person type to the console.

MMonish Galla
75% match
Loading thumbnail…

Pie Chart

This pie chart visualizes the distribution of a single category from a CSV dataset, showing the proportion of values across multiple person types. Built with D3.js v7, it uses `d3.csv` to fetch the data, `d3.pie` and `d3.arc` to compute and draw the slices, and `d3.scaleOrdinal` for the color scheme. A legend, generated alongside the chart, maps each slice to its corresponding type using the same categorical colors. The visualization is rendered as an SVG with a fixed 400x400 pixel canvas.

MMonish Galla
75% match
Loading thumbnail…

Activity 7 PieChart

This pie chart visualizes the distribution of music genres with ratings above 8.5 from a CSV dataset loaded via D3’s `d3.csv` method. It uses `d3.pie()` to compute arc angles and `d3.arc()` to generate SVG paths, with an ordinal color scale and a custom legend. The chart renders in a responsive SVG canvas, employing `d3.scaleOrdinal` for categorical colors and `d3.arc` for shape generation.

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

Pie Chart

This pie chart displays monthly expense categories—Rent, Food, Travel, Shopping, and Bills—with proportional slices and a labeled legend. Built with D3 v7, it loads data from a CSV file, computes arc paths using `d3.pie()` and `d3.arc()`, and positions category labels via `labelArc.centroid(d)`. A categorical color scale (`d3.scaleOrdinal`) assigns colors, while the SVG rendering includes a title and a legend showing each category’s value. The chart is generated entirely with SVG elements and a custom legend.

Ppvvaishnavi93@gmail.com
75% match