Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Activity6_Question3

✓ Published1🌍 Public
Tthakurnikhitha4@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024

This scatter plot visualizes geographic coordinates from the IRIS dataset, with longitude on the x-axis and latitude on the y-axis. Each circle represents a country, colored using `d3.scaleOrdinal` with `d3.schemeCategory10`. Built with D3 v6, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axis scaling, and `d3.axisLeft` and `d3.axisBottom` for tick marks. The SVG output is rendered across the full browser window, with axis labels styled in green Times font.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Question3

This scatter plot displays latitude and longitude coordinates for cities in France, the United Kingdom, and the USA, using color-coded points to distinguish countries. Built with D3 v6, the visualization uses `scaleLinear` and `extent` to map coordinates to screen positions, with `axisLeft` and `axisBottom` for axes. A legend is generated via `selectAll` with colored rectangles and text labels. The code reads hardcoded data arrays and renders points as SVG circles, with the plot filling the browser window via `window.innerWidth` and `window.innerHeight`.

Tthakurnikhitha4@gmail.com
84% match
Loading thumbnail…

Activity6_Qs3

This D3.js v6 scatter plot maps the latitude and longitude of geographical points from a CSV file, coloring each point by its country: blue for France, green for the United Kingdom, and red for the USA. The visualization uses `d3.csv` to load remote data, `scaleLinear` for proportional x- and y-axes, and `axisLeft`/`axisBottom` to generate tick labels. Circles are appended to an SVG canvas sized to the browser window, with margins and a fixed radius of 5 pixels, while rotated text labels annotate the axes.

Tthakurnikhitha4@gmail.com
81% match
Loading thumbnail…

Fork of Activity6-Q3.6

This D3.js (v7) scatter plot visualizes population data over time, with each circle representing a country-year observation. The plot distinguishes USA data points in blue from other countries in orange, using year on the x-axis and population on the y-axis. The code loads CSV data from a GitHub repository, converts numeric fields, applies linear scales via `d3.scaleLinear`, and renders axes with `d3.axisBottom` and `d3.axisLeft`. Circle positions are set using the scaled x and y coordinates, with point radius fixed at 5 pixels. The SVG output automatically sizes to the browser window dimensions.

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

Fork of Activity6_question3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species. It also encodes sepal measurements as the horizontal and vertical radii of the circular marks, though the visual effect is subtle. Built with D3 v6, the code loads CSV data via `d3.csv`, scales it with `d3.scaleLinear`, and renders SVG circles using `selectAll` and `join`. Axis labels are added with `axisLeft` and `axisBottom`. Data is sourced from a GitHub-hosted CSV file.

Ssuchigeneralpur@gmail.com
78% match
Loading thumbnail…

Question3 of Activity6

This scatter plot visualizes the IRIS dataset, displaying the relationship between the X1 and X2 coordinates for different categories, which are distinguished by color. The visualization uses D3.js v6 with SVG rendering, employing `d3.csv` to load data, `scaleLinear` for the axes, and `scaleOrdinal` with `d3.schemeCategory10` to color the data points by their categorical Y values. The plot also includes labeled axes using `axisLeft` and `axisBottom`. The circle elements are positioned using the scaled X1 and X2 values, with each category receiving a distinct color.

VVenkataSaisrivishnuBatchu@my.unt.edu
78% match
Loading thumbnail…

Activity6_Q3

This scatter plot maps the latitude and longitude of fifteen cities across France, the United Kingdom, and the USA, with each country’s points colored blue, green, or red. D3 v6’s `scaleLinear` and `extent` set the axes, while `axisLeft` and `axisBottom` generate ticks. Circles are appended via `selectAll` and `data` binding, and SVG text labels rotate for the y-axis. The dataset is hardcoded in the script, with rendering using an SVG canvas.

Tthakurnikhitha4@gmail.com
78% match
Loading thumbnail…

Activity6_Question3

This scatter plot visualizes city data, mapping population on the x-axis against area on the y-axis, with each point colored by region using a categorical color scale. The code loads a CSV file from GitHub, parses it, and renders circles in an SVG using D3 v6 APIs such as `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `entries`. A legend, built with appended rectangles and text, identifies the region colors. The visualization uses the browser’s full window dimensions and positions axes with margin conventions.

KKhushi Desai
78% match
Loading thumbnail…

Fork of Activity_6_Task3.1

This scatter plot visualizes six samples from the IRIS dataset, mapping numerical xValue and yValue coordinates while color-coding points by their category (setosa, versicolor, or virginica). Built with D3.js v6, it renders an SVG with linear scales and axis generators (`d3.axisBottom`, `d3.axisLeft`). Interactive tooltips appear on mouseover, revealing each point's values and category, with the tooltip fading in and out via D3 transitions.

Aamireddy.sw@gmail.com
77% match