Skip to main content
SimilarExport ZIP
100%

activity7_QUE1

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

This interactive pie chart visualizes tourism revenue distribution by country, with each slice labeled with its corresponding value in billions of dollars and a color-coded legend. The chart is built using D3.js v7 with SVG rendering, employing the `d3.pie` layout, `d3.arc` for path generation, and `d3.scaleOrdinal(d3.schemeCategory10)` for categorical colors. Data is loaded as CSV from a GitHub Gist and aggregated using `d3.rollup` and `d3.sum`. Text labels are positioned using `arc.centroid` with an offset factor.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity7.1-QUESTION1

This chart displays tourism revenue in billions of dollars for different destination countries as a pie chart with a custom legend. Each slice is colored using a pastel ordinal scale via `d3.scaleOrdinal`, sized by `d3.pie`, and drawn with `d3.arc`. Revenue values are labeled atop each slice. The chart reads CSV data from a GitHub gist and aggregates it with `d3.rollup` and `d3.sum`, rendering as SVG within an HTML page styled by CSS.

Ppraneeth.d555@gmail.com
91% match
Loading thumbnail…

activity7.1_question1

This D3 pie chart visualizes country-wise counts from a remote CSV file, displaying data as color-coded slices with white outlines. Each slice is labeled with its corresponding country name, positioned via the arc centroid. A legend on the right shows each country’s color, name, and numeric value. The chart uses `d3.pie()` and `d3.arc()` for geometry, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and renders as SVG with an HTML overlay for styling.

Ssravani1969@gmail.com
83% match
Loading thumbnail…

activity7.1_question1

This D3 pie chart visualizes country-wise counts from a remote CSV file, displaying data as color-coded slices with white outlines. Each slice is labeled with its corresponding country name, positioned via the arc centroid. A legend on the right shows each country’s color, name, and numeric value. The chart uses `d3.pie()` and `d3.arc()` for geometry, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and renders as SVG with an HTML overlay for styling.

Ssravani1969@gmail.com
83% match
Loading thumbnail…

Activity 7 Q1

This pie chart visualizes spending categories by percentage, with each slice colored via a categorical color scale and labeled through an interactive legend. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to compute and render the arcs, while `d3.csv` loads the dataset from a GitHub repository. SVG rendering displays the chart, with legend items and axis labels positioned manually. The color scale employs `d3.scaleOrdinal` with `d3.schemeSet2`, and slice strokes are styled white for separation, though axis labels are placeholders rather than computed scales.

Aanisha.peddireddy@gmail.com
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
82% match
Loading thumbnail…

Pie chart

This pie chart visualizes the top 10 countries by tourist visits, with each slice labeled with its value in thousands. The chart renders as an SVG using D3 v5, employing `d3.pie` to compute arc angles and `d3.arc` to generate the path segments. Slice colors come from a `scaleOrdinal` mapping, and a legend lists each country with its corresponding color and value. Data is fetched as CSV from a GitHub gist, with tourist counts formatted using `d3.format` for concise display.

Ssandeep-gollamudi
81% match
Loading thumbnail…

activity7

A pie chart displays the distribution of flower species, with each slice labeled and a legend mapping colors to species names. The chart is titled "Flower Species Distribution" and includes axis labels for "Species" and "Count". The visualization is built with D3.js, using `d3.pie()` and `d3.arc()` to generate the slices, `d3.scaleOrdinal` for color assignment, and a CSV file loaded via `d3.csv()` as the data source, rendering an SVG.

Ssahithitoomu@gmail.com
81% match
Loading thumbnail…

Activity 7 PieChart

This D3.js pie chart displays global internet usage by country, with each slice representing a country and its corresponding number of users. The visualization loads data from a remote CSV file and uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. Labels are positioned using a custom `labelArc`, and an HTML legend is built dynamically. The SVG chart is rendered with D3's selection and data-binding methods, while styling is applied through external CSS.

Gguttavenkata745@gmail.com
81% match