Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task3.1

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

This scatter plot visualizes the Iris dataset, displaying petal length and width for three species, color-coded by species type. It uses D3 v6, loading data from a GitHub-hosted CSV file and rendering SVG circles. The visualization demonstrates core D3 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to create interactive axes and custom-styled markers.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
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 while using color to distinguish the three iris species. The D3.js v6 code loads the data from a remote CSV file, applies linear scales to position the circles, and renders the chart as an SVG. Custom axes, tick labels, and green axis labels annotate the plot, with the styling specified through inline CSS within an HTML page.

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

Fork of Fork of Activity6_Task3

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width along the axes while coloring each point by species. The D3.js code (v6) loads CSV data, applies linear scales, and renders SVG circles with a fixed radius. It uses `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to build the chart, with species-specific colors assigned via a switch function. The visualization fills the browser window and includes custom axis labels.

PPadmajaKodati@my.unt.edu
95% 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
94% match
Loading thumbnail…

Fork of Activity_6 Task-3.1

This scatter plot visualizes the Iris dataset, using the D3 v6 API to map petal length and width along the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The visualization loads data from a remote CSV file via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` to scale the axes, and renders circles with `d3.select` and `.join`. Axis labels are drawn with `d3.axisBottom` and `d3.axisLeft`, and the chart’s dimensions adapt to the browser window.

Kkrishna444battula@gmail.com
94% match
Loading thumbnail…

Fork of Activity 6_Task 3

This scatterplot visualizes the Iris dataset, mapping petal length and width for individual flowers, with points colored by species (setosa, versicolor, virginica). D3 v6 loads the CSV data, then uses scaleLinear and extent to set the x and y axes, while axisLeft and axisBottom add labels. The SVG circles receive computed coordinates and colors based on the parsed species field. The chart’s red title and green axis labels, positioned via rotation and translate, highlight the custom styling and data-derived encoding.

Aanusha.chilkamarri26@gmail.com
94% 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
94% 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
94% match
Loading thumbnail…

Fork of Activity 6_task 3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while coloring each point by species (skyblue, lightgreen, or orange). It uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG with circle marks and labeled axes. The data is loaded from a remote CSV via `d3.csv`, and axis labels are rotated using SVG transforms.

KKarnam Abinay Goud
94% match