Skip to main content
SimilarExport ZIP
100%

Activity7_Que1

✓ Published0🌍 Public
MMannava Priyanka Chowdary
Last edited Nov 5, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

This pie chart visualizes the fares of the first ten passengers from a Titanic dataset, labeling each slice with its dollar amount and listing passenger names in a color-coded legend. Built with D3 v6, it loads CSV data via `d3.csv`, converts fares to numbers, and uses `d3.pie` and `d3.arc` to generate SVG paths. A sequential `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, while labels and legends are positioned using arc centroids and SVG text elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Que1

This pie chart visualizes the distribution of survival outcomes among Titanic passengers, separating data into "Survived" and "Did Not Survive" categories. Using D3 v6, the code loads a CSV file, aggregates records by the `Survived` attribute, and renders the result with `d3.pie` and `d3.arc`. Each slice is colored via `d3.scaleOrdinal` and labeled directly on the chart.

MMannava Priyanka Chowdary
88% match
Loading thumbnail…

Act 7 Q1

This pie chart visualizes the distribution of passenger classes in the Titanic dataset, showing three categorical slices for Class 1, 2, and 3. The chart uses D3 v7 with an SVG renderer, employing `d3.pie()` and `d3.arc()` to generate the arcs and `d3.rollups()` to aggregate class counts from a CSV. A custom legend displays exact passenger numbers, while axis labels are added despite the circular layout. The color scale maps distinct colors to each class using `d3.scaleOrdinal`.

AAnushaHyderaboeni@my.unt.edu
86% match
Loading thumbnail…

Pie Chart of Titanic

This pie chart visualizes survival outcomes for Titanic passengers, splitting the dataset into green "Survived" and red "Not Survived" slices with value labels and a legend. It loads CSV data from a GitHub repository using `d3.csv`, aggregates counts via `d3.rollup`, and generates the chart with `d3.pie` and `d3.arc`. Hover interactions trigger a scale transition on slices, while SVG text elements provide axis labels and legend annotations. The visualization renders entirely in SVG with D3 v7.

AAreeba Hassan
82% match
Loading thumbnail…

pie chart ice 7

This chart displays the average fare paid by passengers in each of the three Titanic classes, showing a clear price decline from first to third class. The chart uses a monotone area graph where the x-axis represents passenger class from 1 to 3, and the y-axis shows the average fare in dollars. The visualization is created with D3 v7, using `d3.area` to render the path, along with `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for the axes, and `d3.select` for DOM manipulation. The source data is a predefined array of three averages computed from the passenger records in `data.csv`.

MMuraliMohanMekala@my.unt.edu
80% match
Loading thumbnail…

Activity_7.1 q1

This pie chart visualizes the distribution of student performance categories, with each slice labeled and colored according to its category. The visualization uses D3 v7’s `d3.pie()` and `d3.arc()` to generate the slices, while `d3.scaleOrdinal` with `schemeSet2` assigns colors. Data is loaded asynchronously from a CSV file hosted on GitHub Gist and rendered as an SVG, with a legend positioned to the right of the chart to identify each category.

Ssanjanaadapa7@gmail.com
80% match
Loading thumbnail…

Activity 7 Q1

This example shows a pie chart that visualizes categorical data loaded from a remote CSV file, with each slice colored using a categorical color scale and a legend pairing colors with category and subcategory labels. The chart is rendered as SVG using D3.js v6, where the `d3.pie()` generator computes slice angles and `d3.arc()` creates the path shapes. Data is fetched via `d3.csv`, and the color mapping uses `d3.scaleOrdinal` with `d3.schemeCategory10`. The code also adds axis labels (X and Y) that are not tied to the pie chart, acting as placeholders within the SVG layout.

Vvishnutejareddyambati@my.unt.edu
80% match
Loading thumbnail…

Activity6-question3

This interactive scatter plot visualizes the Titanic dataset, showing the relationship between passenger fare and age as individual steelblue circles. The visualization uses D3 v6 with an SVG rendering approach, employing `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to map the data. Data is loaded via `d3.csv` from a GitHub-hosted CSV file, with the chart sized to the full browser window and axes labeled "Age" and "Fare". The plot provides a straightforward view of fare versus age distribution across all passengers.

Mmeenam1106@gmail.com
80% match
Loading thumbnail…

activity7_QUE1

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.

Ggouthamigongidi2457@gmail.com
80% match