Activity 7 Scatter Plot

100%

Activity 7 Scatter Plot

✓ Published0🌍 Public

Last edited Nov 3, 2024

Created on Nov 3, 2024

This scatter plot visualization displays the classic IRIS dataset, though the code provided actually implements a pie chart of fruit costs. The visualization uses D3.js v6.7.0, specifically the `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` functions to generate a pie chart with color-coded slices and a legend. The data is loaded as CSV from a remote gist URL, aggregated by fruit name, and rendered as an SVG with a viewBox for responsive scaling. The chart includes styled text using the 'Times New Roman' font and custom CSS for layout.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

IRIS

This pie chart displays the distribution of Iris species from a CSV dataset loaded from a GitHub gist. The chart uses a clean, white background with an elegant color palette of blue, orange, and green to distinguish the three species, and includes labels directly on the slices, a bold title, and a legend showing counts. Built with D3.js v7, it employs `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG slices, with `d3.rollups` aggregating the data.

Mmyselfganesh433@gmail.com

82% match

Loading thumbnail…

Activity7-Q1

This example displays the Iris dataset as a pie chart, with each slice representing a species type and its corresponding sepal length value. The visualization uses D3.js version 7 to fetch the CSV data from a GitHub repository, calculate the pie arc segments with `d3.pie`, and render the chart as SVG paths. A legend with color-coded rectangles and text labels is positioned on the right side, and all text elements are styled through CSS classes defined in the accompanying stylesheet.

Ttejaswiteju9811@gmail.com

82% match

Loading thumbnail…

Activity 7 Scatter Plot

A D3.js scatter plot visualizes the Iris dataset, mapping petal length and petal width to the x- and y-axes, with each point colored by species (setosa, versicolor, virginica). The plot uses SVG rendering and the `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` functions to load the data, set scales, and draw axes. The title is styled in red, and axis labels are set in green using SVG `text` elements.

Vvineelaramulapalli32

82% match

Loading thumbnail…

IRIS

A pie chart visualizes the species distribution of the Iris dataset, showing each category as a slice with its own color and a corresponding legend. The code loads CSV data from a GitHub gist, groups it by species to count occurrences, and uses `d3.pie` and `d3.arc` to generate the SVG paths. Colors are assigned via `d3.scaleOrdinal` with a manual range, and `d3.select` manages the SVG elements while `d3.rollups` performs the aggregation.

Mmyselfganesh433@gmail.com

81% match

Loading thumbnail…

Activity 7 - Scatter Plot with color

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis while coloring each point by iris species (sky blue for setosa, light green for versicolor, orange for virginica). It uses D3.js v6 with dynamic SVG rendering across the full viewport, loading data via `d3.csv` from a GitHub raw URL. The code employs `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and custom circle attributes for highlighting sepal dimensions, with axis labels and styling applied through CSS classes.

Ppasyasahas

81% match

Loading thumbnail…

Fork of Activity 7 Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length and width along the axes while also encoding sepal measurements through the horizontal and vertical radii of each circular marker. The three Iris species—setosa, versicolor, and virginica—are distinguished by fill color. Built with D3 v6, it uses `d3.csv` for data loading, `d3.scaleLinear` for axis scaling, and `d3.axisBottom` and `d3.axisLeft` for chart furniture, rendering in SVG with the `join` operator for circle generation.

Jjasthilavanya2022@gmail.com

81% match

Loading thumbnail…

Activity 7 Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each of the three iris species colored differently (skyblue, lightgreen, and orange). It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the rendering since the radius is fixed. The visualization uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values, and render axes. Data is loaded from a raw GitHub gist CSV file, and the SVG is sized to the full browser window.

Iindushashi.g@gmail.com

81% match

Loading thumbnail…

activity7_question1

This pie chart visualizes the distribution of Iris flower species (setosa, versicolor, and virginica) within the classic Iris dataset, using color-coded slices and labels that display each species name and count. The visualization is rendered as an SVG using D3.js, loading data from a CSV file hosted on GitHub. The code constructs the pie layout using `d3.pie()` and `d3.arc()`, applies a categorical color scale via `d3.scaleOrdinal()`, and positions text labels at each slice’s centroid.

Nnishwitha.1032@gmail.com

81% match