Skip to main content
SimilarExport ZIP
100%

lalith_act6-t3

✓ Published1🌍 Public
Ssailalith2000@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from Hello VizHub

This D3.js (v6) scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica). The SVG rendering uses `d3.csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to position and style points, with fixed radius and custom color coding. It loads data from a GitHub-hosted CSV, showing sepal dimensions in tooltips but not in the main plot.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

lalith_act6-t3.2

This example shows a scatter plot of iris flower measurements, mapping sepal length to the x-axis and petal length to the y-axis. Points are colored by species using a categorical shape scale with D3’s `scaleOrdinal` and `symbolsFill`, while a custom legend displays the distinct marker shapes. The visualization loads iris data from a GitHub-hosted CSV, parses it with `d3.csvParse`, and renders axes and marks using D3 v7’s selection joins and `symbolGenerator`. Interactivity is limited to resizing the SVG to the full viewport.

Ssailalith2000@gmail.com
94% match
Loading thumbnail…

act 6 t3

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width for each sample. Circles are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—while additional sepal dimensions are incorporated into the markers’ rx and ry attributes. Built with D3 v6, it loads CSV data via `d3.csv`, uses `scaleLinear` for axes, and renders an SVG with `axisLeft` and `axisBottom` labels. The visualization demonstrates local ES6 module imports and dynamic data parsing within a full-screen browser viewport.

Ppavithranamburi24@gmail.com
89% match
Loading thumbnail…

ACT6_TUT3

This chart displays a scatter plot of the Iris dataset, plotting petal length against petal width for individual flowers. Data points are colored by species: sky blue for setosa, light green for versicolor, and orange for virginica. The visualization is rendered as an SVG using D3 v6, with `scaleLinear` mapping the data to screen coordinates and `axisLeft` and `axisBottom` generating the axes. The code loads the dataset from a CSV URL via `csv()` and displays sepal length and width as attributes on each circle, though the point size remains fixed.

RRevanth putta
88% match
Loading thumbnail…

Activty6_Task3_1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each species (setosa, versicolor, virginica) represented by a distinct color (skyblue, lightgreen, orange). The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub raw URL, `scaleLinear` for both axes, and `axisLeft`/`axisBottom` to render ticks. SVG circles are positioned via `selectAll` and `join`, with styling based on parsed numeric columns for sepal and petal measurements. The code also includes custom axis labels for petal length and sepal length.

Ssriharshithaanugu5@gmail.com
88% match
Loading thumbnail…

ACTiVity6_task3.1

This scatter plot visualizes the Iris dataset, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica). The visualization uses D3.js v6 with SVG rendering, employing `scaleLinear` for both axes and `axisLeft`/`axisBottom` for tick marks. Circle elements are positioned using the `x` and `y` scales, with species-based fill colors. The data loads from a remote CSV file via `d3.csv`, and the chart fills the entire browser window with custom margins and rotated axis labels.

Kkbhavithareddy06@gmail.com
88% match
Loading thumbnail…

act6t3

This example visualizes the Iris dataset as a scatter plot, mapping petal length against petal width on the x- and y-axes while also encoding sepal dimensions as additional point properties. It uses D3 v6 to load CSV data from a GitHub gist, apply linear scales, and render colored SVG circles distinguished by iris species. The code explicitly uses `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, with an asynchronous main function to draw the chart on an SVG canvas sized to the window.

Sshravan.s0710@gmail.com
87% match
Loading thumbnail…

Activity6-Task3

This scatter plot visualizes the Iris dataset by mapping petal length and petal width for each sample, with points colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses D3 v6 APIs including `d3.csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG circles and axes. Additional sepal length and width values are encoded but not directly displayed. The data is loaded from a GitHub gist and rendered across the full browser window with rotated axis labels for petal length.

Ssriyaalugupalli@my.unt.edu
87% match
Loading thumbnail…

ACTIVITY6_T3

This scatter plot visualizes the Iris dataset, showing each flower's 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, orange for virginica), and a legend identifies these color groupings. Built with D3 v6, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axis scaling, and `d3.axisLeft`/`d3.axisBottom` to render axes. The code also loads sepal dimensions into the dataset, though these are not visually encoded.

VVarshithMurakonda@my.unt.edu
87% match