Scatter Plot: Locations of the Battles in the Seven Years' War (CS 573 Assignment #3.2)

100%

Scatter Plot: Locations of the Battles in the Seven Years' War (CS 573 Assignment #3.2)

✓ Published0🌍 Public

Last edited Sep 30, 2021

Created on Sep 15, 2021

This scatter plot shows the locations of battles during the Seven Years' War, with longitude on the x-axis and latitude on the y-axis. Distinct clusters reveal major theaters of combat in Northern Europe and India. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load and map the data from a GitHub Gist, rendering orange circles as SVG elements sized at a fixed radius of five pixels.

AI-generated description

Locations of the Battles in the Seven Years' War

This scatter plot using the Battles of the Seven Years' War and visuals the location of each battle. As expected, the x-axis is the battle's Longitude and the y-axis is the battle's Latitude.

With this visualization, you can clearly see the distinct theaters of combat. There are large clusters of conflicts in Northern Europe (Germany, Denmark, France) and in India.

MIT Licensed

Similar vizzes

Loading thumbnail…

Basic Scatter Plot

This basic scatter plot maps the longitude and latitude of cities from a CSV sample dataset, showing their geographic positions. Each circle represents a city, plotted with D3's `d3.scaleLinear()` for the x and y axes. The visualization uses the D3 v4 library alongside `d3.legendColor` to generate a color legend, though the color encoding is disabled in this version. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, with grid lines and labels for clarity. The data is loaded using `d3.csv`, parsing the lat and lng values for each point.

CCurran Kelleher

68% match

Loading thumbnail…

Loading and Parsing: Seven Years' War Data (CS 573 Assignment #2.2)

This visualization parses the Battles of the Seven Years’ War dataset and displays basic statistics about the loaded CSV file, including its size in kilobytes, row count, and column count. The data is fetched from a GitHub gist using `d3.csv`, which automatically parses the CSV into JavaScript objects. The example also demonstrates alternative loading approaches via commented-out code using `fetch` with `async/await` and `d3.csvParse`. All results are rendered as large orange text inside an HTML `<pre>` element, using D3 v5.

AAlex Pietrick

68% match

Loading thumbnail…

Fork of Scatter Plot World Heritage List

This interactive scatter plot visualizes UNESCO World Heritage sites, using longitude and latitude to reveal geographic clustering, particularly in Europe. Users can switch axes between coordinates, continent, and inscription date via custom dropdown menus, with animated transitions updating the SVG circles. Built with D3 v6, the visualization employs scaleLinear, scalePoint, and scaleTime for scaling, plus a categorical color scale for continents. The code loads data from a CSV URL and implements a reusable scatterPlot module with jitter to mitigate overplotting on categorical axes.

CCurran Kelleher

68% 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

67% match

Loading thumbnail…

Scatter Plot

This scatter plot displays the population of eight countries, with each circle positioned along a horizontal axis scaled by population and a vertical axis listing country names. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `scalePoint`, `axisLeft`, and `axisBottom` to render SVG circles and labeled axes. Data from a CSV file is parsed, with population values multiplied by 1000, and formatted using a custom tick formatter that converts abbreviations to billions. The chart includes gridlines, axis labels, and a title, all styled via external CSS.

BBKirst3

67% 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

67% match

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

66% match

Loading thumbnail…

Scatterplot

A scatterplot displays the relationship between the size of a country's armed forces and its land area, using one circle per country. It reads data from a CSV file and maps military size along the x-axis and land area on the y-axis with linear scales. The visualization is rendered as an SVG using D3 v4, with circles styled in green and axes labeled from the parsed data.

SStuart Sessions

66% match