Skip to main content
SimilarExport ZIP
100%

Group E - Data Visualization Assignment 3

✓ Published0🌍 Public
AAlexMutiso
Last edited Jun 11, 2018
Created on Jun 11, 2018

This visualization presents the classic Iris dataset, plotting petal width against sepal length while encoding sepal length as both the x-position and the radius of each circle. It uses D3.js (version 3) with an SVG rendering approach, employing `d3.scale.linear` for the x, y, and radius scales, and `d3.scale.category10` for color-coding the three iris species. The data is loaded from a remote CSV file via `d3.csv`, with axes and labels drawn using `d3.svg.axis`.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/AlexMutiso/'>AlexMutiso</a>'s block: <a href='http://bl.ocks.org/AlexMutiso/0711a96b7f802eed7482906738380f0a'>Group E - Data Visualization Assignment 3</a>

forked from <a href='http://bl.ocks.org/AlexMutiso/'>AlexMutiso</a>'s block: <a href='http://bl.ocks.org/AlexMutiso/bbf6f607d9beded1f79900a09ab3ba5a'>Group E - Data Visualization Assignment 3</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Group E - Data Visualization Assignment 3

This visualization displays the classic Iris dataset, plotting petal width against sepal length while encoding sepal length through circle radius and species through categorical color. The scatterplot uses D3.js v3 with SVG rendering, employing `d3.scale.linear` for position and size mappings and `d3.scale.category10` for species colors. Axes are generated via `d3.svg.axis`, with data loaded from a remote CSV and transformed through a `type` function that converts numeric fields. The code demonstrates a standard enter-update-exit pattern, though only the enter and update phases are implemented.

AAlexMutiso
97% match
Loading thumbnail…

Group E - Data Visualization Assignment 3

This example visualizes the Iris dataset with a scatterplot, mapping sepal length to the x-axis, petal width to the y-axis, and encoding species by color, while also scaling point radius by sepal length. The code uses D3.js v3 to construct an SVG, applying linear scales for positioning and radius, and a category10 color scale for categorical grouping. Axes are generated with d3.svg.axis, and the data is loaded as CSV from a remote GitHub source. The visualization highlights the relationship between measurements and species clusters without interaction or animation.

AAlexMutiso
95% match
Loading thumbnail…

Activity6_Task3

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis while coloring each point by species. Using D3 v6, it loads CSV data via `d3.csv`, applies `scaleLinear` for both axes, and renders circles with `d3.selectAll` and `.join`. Axis labels are added via `axisLeft` and `axisBottom`, with rotated text for the vertical label. Despite naming variables for sepal length and width, only petal dimensions are plotted, while species hues are hardcoded for setosa, versicolor, and virginica.

Aamarnadhkari98@gmail.com
86% match
Loading thumbnail…

task 3.aCOLOR

This visualization displays the Iris dataset as a scatter plot, using petal length and petal width to position circles colored by iris species (setosa, versicolor, and virginica). The SVG rendering uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and data joins via `selectAll` and `join`. Data is loaded asynchronously from a GitHub-hosted CSV using `d3.csv`, and each mark’s size and shape derive from sepal measurements, though the fixed radius and rx/ry attributes do not alter appearance. Axis labels are added as SVG text elements.

GGanesh Gundekarla
86% match
Loading thumbnail…

task3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, and virginica). The visualization also encodes sepal length and width as circle attributes, though these are set as `rx` and `ry`, which do not affect standard SVG circle rendering. The code loads data from a GitHub-hosted CSV using `d3.csv`, applies `d3.scaleLinear` for axes, and renders the plot with SVG circles, `d3.axisLeft`, and `d3.axisBottom`. Axis labels are added as text elements in green.

Yyashwanthkirla95@gmail.com
86% match
Loading thumbnail…

Activity6_Task3

This scatter plot displays the Iris dataset, using petal length and petal width to position each flower, with colors distinguishing the three species (setosa, versicolor, and virginica). Additional sepal measurements are encoded as circle radii, though the visual range of this encoding is limited. The visualization is built with D3 v6, loading CSV data from a remote URL, and rendering SVG circles scaled via `scaleLinear` with axes generated by `axisLeft` and `axisBottom`. The code explicitly assigns circle attributes for position, fill color, and radius, and labels the axes for petal and sepal dimensions.

Aamarnadhkari98@gmail.com
86% match
Loading thumbnail…

Activity6-Task3.2

This visualization displays the Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis, with the three iris species distinguished by different symbol shapes. The plot uses d3.scaleLinear for both axes, d3.scaleOrdinal with d3.symbolsFill to encode species, and includes axis labels and a shape legend. Data is loaded asynchronously from a GitHub-hosted CSV file using d3.csvParse, with numeric fields converted to numbers before rendering.

Mmeenam1106@gmail.com
86% match
Loading thumbnail…

Activity-6_3

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis against petal length on the y-axis for three iris species (setosa, versicolor, and virginica), each distinguished by color. Built with D3.js v7, it uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for species-based coloring, and SVG circles with fixed radius and opacity. The visualization includes axis labels and a manually positioned legend, with data loaded asynchronously via `d3.csv` from a GitHub gist.

MMdAfikurRahmanKhan@my.unt.edu
85% match