Skip to main content
SimilarExport ZIP
100%

Activity6_Q3

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

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.

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

Activity6_question3

This scatter plot visualizes the cities dataset, showing each city as a circle positioned by its area (x-axis) and population (y-axis), with colors indicating the region. It uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load data from a GitHub CSV URL and render an SVG chart. The code sets fixed dimensions, applies margins, and uses a switch statement to assign distinct colors to North America, South America, Europe, Asia, and Africa, while smaller tick labels improve readability.

PPreethi Medepalli-91
79% match
Loading thumbnail…

Fork of Fork of Activity6_Question3

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.

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

ACTIVITY 6 Q3

This scatter plot visualizes the relationship between average temperature and humidity across ten cities, with each point colored by continent. The visualization uses D3 v7 to render SVG circles, with `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for the categorical color mapping, and `d3.axisBottom`/`d3.axisLeft` for the tick marks. A static legend groups the five continents, while the data comes from a hardcoded array in the script.

Rragasrikakarla27@gmail.com
77% 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
76% match
Loading thumbnail…

Activity6_Question3

This D3.js v7 example displays a scatter plot of city data, plotting population against area and using distinct symbols to represent different regions. The visualization fetches its data from a CSV file hosted on GitHub and renders it into a full-window SVG. It uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbols` for region-based shapes, and demonstrates a custom legend for mapping shapes to regions. The code loads D3 via UNPKG and uses local ES6 modules for its component structure.

KKhushi Desai
76% match