Skip to main content
SimilarExport ZIP
100%

Activity6_Task3_Question3.1

✓ Published1🌍 Public
KKondreddy Saikiran reddy
Last edited Apr 4, 2024
Created on Apr 3, 2024
Forked from HTML Starter

This scatter plot visualizes the Rose dataset, encoding petal length on the x-axis and petal width on the y-axis, with each circle colored by species (gold, tomato, or mediumorchid) to distinguish Hybrid Tea, Floribunda, and other roses. The visualization uses D3 v6 APIs including `select`, `csv`, `scaleLinear`, `extent`, and `axisBottom`/`axisLeft`, rendering as SVG with a red title and green axis labels. It loads the data from a gist URL, applies linear scales with fixed margins, and maps circle position and color from the parsed attributes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Task_3

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each circle represents an individual flower, colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The code uses D3 v6 functions including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, rendering as SVG in a React-free HTML page. Data is loaded from a remote CSV via `d3.csv`, with axes labeled in green and a red title.

Lleelakrishnadivi7@gmail.com
86% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3.js v6, loading data from a GitHub CSV file via `d3.csv`. It employs `d3.scaleLinear` for both axes, `d3.extent` for domain calculation, and `d3.axisLeft` and `d3.axisBottom` for chart axes. The SVG circles have a fixed radius but their `rx` and `ry` attributes are set to sepal measurements, though these do not affect circular rendering.

KKondreddy Saikiran reddy
86% match
Loading thumbnail…

Activity-6 Task3

This scatter plot displays the Iris dataset, mapping petal length and width for each flower specimen. Points are colored by species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—while the circle radii are proportionally set to sepal length and width values. Using d3.csv to load the raw CSV from GitHub, the visualization applies d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for tick marks, and d3.select with data joins to render SVG circles. Axis labels indicate petal length and sepal length.

Hharshaps15@gmail.com
86% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers. Points are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3.js v6. The code loads CSV data from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to create the axes. It renders as an SVG, with circles positioned by the scaled petal measurements and styled via a switch statement on the species field. The plot includes custom axis labels in green.

Bbhargavr016@gmail.com
86% match
Loading thumbnail…

Activity6_Task3

This scatter plot displays the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each circle represents a flower, color-coded by species: sky blue for setosa, light green for versicolor, and orange for virginica. The visualization loads data from a CSV URL and renders using D3 version 6.7.0, employing `d3.csv` for data fetching, `scaleLinear` for axes, and `axisBottom` and `axisLeft` for chart labels. The SVG canvas is sized to the browser window, with axes and a titled header.

Hharshabandi3060@gmail.com
86% match
Loading thumbnail…

Activity6_Task3.1

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers with colors denoting species (setosa, versicolor, virginica). Built with D3.js v6, it loads CSV data from a GitHub repository, then uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes and plot circles. Additional attributes store sepal measurements, though only petal dimensions are rendered. The SVG output is styled with green axis labels and a red title.

RRukmini Devi Y
86% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three flower species, which are colored skyblue, lightgreen, and orange. It loads CSV data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles as SVG elements. The visualization includes axes generated by `d3.axisLeft` and `d3.axisBottom`, with labels for the plotted dimensions, using D3 v6.

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

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica—revealing distinct clusters. Using D3 v6, the code loads CSV data, applies linear scales via `scaleLinear`, and renders SVG circles with `selectAll` and `join`. The chart includes left and bottom axes from `axisLeft` and `axisBottom`, with rotated axis labels for petal dimensions.

Cchandrikachowdary867@gmail.com
86% match