Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task4.9

✓ Published0🌍 Public
MMallikarjun Narra
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Activity6_Task4

This visualization is a bubble chart of the Iris dataset, plotting sepal length on the x-axis against sepal width on the y-axis, with each bubble’s radius representing petal length. The chart uses D3 v7 to load the data from a CSV file, create linear scales for positioning and sizing, and render the bubbles as SVG circles. A simple color rule distinguishes flowers with petal length greater than three (steelblue) from those below (orange), with black strokes and hover opacity changes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity 6_Question 4

This example visualizes the Iris dataset as an interactive bubble chart, using circle size to represent petal length and color to distinguish iris species. The chart plots sepal length on the x-axis and sepal width on the y-axis for all 150 samples. Built with D3 v7 and rendered as SVG, it includes a legend for species and tooltips that display species and petal length on mouseover. The visualization implements scales via `d3.scaleLinear` and `d3.scaleOrdinal`, with color mapping derived from `d3.interpolateTurbo`.

Ttallavijayalakshmi0710@gmail.com
91% match
Loading thumbnail…

Fork of Activity6_Task3.2

This scatter plot visualizes the iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (skyblue, lightgreen, or orange) and sized or positioned according to sepal measurements. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV and render SVG circles. Axes labels are added via `svg.append('text')`, with data-driven fill colors assigned through a switch function on species.

MMallikarjun Narra
91% match
Loading thumbnail…

Fork of Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual data points, with color coding by species (setosa, versicolor, virginica). The visualization uses D3.js v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and parse the CSV data from a GitHub gist, then render SVG circles. Axes are labeled for petal length and sepal length, though the data mapping uses petal dimensions for positioning. The code also references additional properties like sepal measurements, which are not directly used in the final point placement.

Sshivakumarganji@my.unt.edu
90% match
Loading thumbnail…

Fork of Activity6_Task3

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample point while also encoding sepal measurements as circle radii. The SVG rendering uses d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for tick marks, and d3.csv to load the data from a GitHub gist. Circle colors differentiate the three iris species via a switch statement, assigning skyblue, lightgreen, or orange fills. The visualization fills the entire viewport and includes rotated axis labels for clarity.

Aajaykumarseelam@my.unt.edu
90% match
Loading thumbnail…

Fork of Activity6_Task3

This example visualizes the classic Iris dataset as a scatter plot, mapping petal length and width to the x and y axes while encoding the species of each flower with distinct colors (skyblue, lightgreen, and orange). The plot is rendered as an SVG using D3 v6, with linear scales for both axes, axis labels for petal and sepal measurements, and circles representing individual data points. Data is loaded from a remote CSV file via D3's `csv` function.

SSreeKohaliPatel@my.unt.edu
90% match
Loading thumbnail…

Fork of Activity-6_task3.1

This scatter plot visualizes the Iris dataset, displaying petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The example loads CSV data via d3.csv, uses d3.scaleLinear for axis scaling, and d3.axisLeft/axisBottom for tick marks. Circles are rendered in SVG with d3.join, and each point’s radius is fixed, while sepal dimensions are encoded as rx and ry attributes, though these don’t affect the circular shape. Axis labels are added as SVG text elements, and the chart resizes to the browser window.

Aakitisaitejareddy@gmail.com
90% match
Loading thumbnail…

Fork of Activity 6 task 3

This visualization presents the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica) in skyblue, lightgreen, and orange. The code also reads sepal measurements into the data marks, though these are not directly used for positioning. Built with D3.js v6, it loads the CSV data via `d3.csv`, scales the axes with `scaleLinear`, and renders circles using SVG attributes, with `axisLeft` and `axisBottom` for labeled axes.

RRakesh Yadav
90% match
Loading thumbnail…

Activity6_Task4

This SVG bubble chart, rendered with D3 v7, visualizes the Iris dataset by plotting sepal length against sepal width. Each circle's radius encodes petal length, while its color distinguishes the three species using a categorical scale. The code loads data from a remote CSV, employs `d3.scaleLinear` and `d3.scaleOrdinal` for positioning and coloring, and provides interactive tooltips on hover. A static legend identifies species, and the visualization supports animation through D3's transition methods.

Ggsdontineni518@gmail.com
89% match