Skip to main content
SimilarExport ZIP
100%

Fork of Activity_Task_3

✓ Published0🌍 Public
Ssahaspragna6@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity_Task_3

This scatter plot uses D3 v6 to visualize sepal and petal measurements from the Iris dataset, fetched as CSV from a GitHub URL. It maps petal length to the x-axis and petal width to the y-axis, with circles colored by species: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The code uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to build the scales and axes, while `d3.select` and `.join()` render the SVG circles. Axis labels are added manually with SVG `text` elements, and the chart is sized to the browser window.

AI-generated description

We are Displaying the Deaths dataset using Scatter plot.

MIT Licensed

Similar vizzes

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
93% match
Loading thumbnail…

Activity_Task_3

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 (skyblue, lightgreen, or orange). The plot displays the relationship between these two variables across the three iris species. Using D3.js v6 with an SVG rendering, the code loads data from a remote CSV file, parses numeric fields, and uses `scaleLinear` and `extent` to map values to screen coordinates. Axes are generated with `axisLeft` and `axisBottom`, while circles are bound to data via `selectAll` and `join`.

Ssahaspragna6@gmail.com
92% 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
92% 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
92% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis, petal width on the y-axis, and sepal dimensions encoded through circle attributes. Each point is colored by species—skyblue for setosa, lightgreen for versicolor, and orange for virginica. The visualization loads data from a GitHub gist using D3 v6’s `csv` method, with scales from `scaleLinear`, axes from `axisLeft` and `axisBottom`, and marks rendered as SVG circles.

Vvikramkotlo9@gmail.com
91% match
Loading thumbnail…

Activity6_Task3

This scatter plot visualization displays the Iris dataset, showing the relationship between petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, and virginica). The chart uses d3.csv to load the data, d3.scaleLinear for axes, d3.extent to set domains, and d3.axisLeft/axisBottom for rendering ticks. The SVG circles are positioned using the scaling functions, while the code also parses sepal measurements though they are not plotted. Axis labels appear rotated and positioned manually, with the visualization rendered entirely as SVG in a full-window viewport.

PPothuguntla Pranitha
91% 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
91% match
Loading thumbnail…

Activity7_Task3

This scatter plot visualizes the Iris dataset, displaying 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.csv to load the data, d3.scaleLinear for coordinate mappings, and d3.axisBottom and d3.axisLeft to render axes. Circles are drawn by joining the data to SVG circle elements, with the radius fixed but the marker fill determined by species. The plot also includes axis labels for petal and sepal measurements, rendering within an SVG canvas sized to the browser window.

Ssahaspragna6@gmail.com
91% match