Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
AAlex Pietrick
Last edited Sep 30, 2021
Created on Sep 9, 2021

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.

AI-generated description

Battles of the Seven Years' War

This visualization is a summary of the Battles of the Seven Years' War Dataset. The dataset includes information on over 100 battles with attributes such as combatants, location, timing, and theater of war. This dataset was inspired by Tomek's Battles of Hundred Year's War and the data originated from Wikipedia.

List of Attributes

  • Name: Categorical
  • Theater: Categorical
  • Date: Ordinal
  • Year: Ordinal
  • Combatant: Categorical
  • Comebatant2: Categorical
  • State/Location of Action
  • Outcome: Categorical

Questions/Task:

  • Is there a way to show the worldwide scale of the war?
  • How did all of the different battle theaters play their part in this conflict?
  • Which location saw the most of the conflict?

(With some extra data)

  • Which battles were most fundamental to the war effort?
  • Is it possible to see the development and progress of the war visual? (visually see France's defeat)

This dataset definitely needs some cleaning and improvement; however, I think it could lead to an interesting visualization.

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing CSV Data with D3

This example demonstrates loading a remote CSV file and displaying basic dataset statistics. It fetches CSS named colors from a GitHub gist and shows the file size in kilobytes, the total number of rows, and the column count. The visualization uses D3 v7’s `d3.csv` method to parse the data asynchronously, then `d3.csvFormat` to calculate the raw text length, with results rendered to a `<pre>` element. The code also includes commented alternatives using `fetch` and `d3.csvParse`.

AA
81% match
Loading thumbnail…

Loading and Parsing Data

This example demonstrates how to load a remote CSV file and display basic summary statistics. It fetches CSS named colors data from a GitHub gist, then uses `d3.csv` to parse the file asynchronously, counting the number of rows, columns, and the formatted file size in kilobytes. The resulting message is rendered into a `<pre>` element with large font styling. The code also includes commented-out alternatives using `fetch`, `async/await`, and `d3.csvParse`, highlighting different parsing workflows available in D3 v7.

DDavid Kim
80% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v7, displaying a summary of the dataset in large text. It fetches the CssNamedColors.csv file from a GitHub gist via d3.csv, then reports the formatted size, row count, and column count. The code also includes commented alternatives using fetch with async/await and d3.csvParse, highlighting different parsing approaches. The page renders the result inside a <pre> element with a 7em font size.

TTakashi-KK
80% match
Loading thumbnail…

Loading and Parsing CSV data

This example demonstrates how to load and parse CSV data using D3 v7, displaying dataset statistics including row count, column count, and file size in kilobytes. The code uses `d3.csv()` to fetch and parse the remote CSV file from a GitHub gist containing CSS named colors, then computes the metrics using `data.length`, `data.columns`, and `d3.csvFormat()`. The results appear in a large monospace `<pre>` element. A commented-out alternative shows the same workflow using the Fetch API with `async/await` and `d3.csvParse()`.

RRoma
80% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v7, displaying the dataset's size in kilobytes, row count, and column count. It fetches a CSV file of CSS named colors from a GitHub gist via `d3.csv`, then formats the data with `d3.csvFormat` to calculate its size. The results are rendered as text in a large `<pre>` element, with commented-out alternative code showing `fetch` combined with `d3.csvParse`.

EErik
80% match
Loading thumbnail…

Loading and Parsing CSV Data

This visualization demonstrates how to load and parse CSV data, displaying basic statistics about the dataset in a large text format. It fetches the CSS Named Colors dataset from a GitHub gist and reports the file size in kilobytes, the number of rows, and the number of columns. The example uses D3 v5’s `d3.csv` method for parsing, with an alternative commented-out approach using the Fetch API, `async/await`, and `d3.csvParse`. The resulting information is rendered into an HTML `<pre>` element via the DOM’s `textContent` property.

FFábio Correia
80% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse a CSV file using D3.js version 6.7.0, displaying summary statistics about the dataset in a large preformatted text block. It fetches a remote CSV file containing CSS named colors from a GitHub gist, then uses `d3.csv` to parse the response. The code calculates and displays the file size in kilobytes, total row count, and column count using properties like `data.length` and `data.columns.length`. Commented-out alternatives show equivalent approaches using `fetch` with async/await and `d3.csvParse`.

NNick Jefford-Horn
80% match
Loading thumbnail…

Loading and Parsing Data

This example demonstrates how to load and parse CSV data using D3.js v7, displaying the dataset’s row count, column count, and approximate size in kilobytes. The code fetches a CSV file of CSS named colors from a GitHub gist and processes it with the `d3.csv` method, which returns a parsed array of objects. It also shows an alternative approach using `fetch` and `d3.csvParse` in commented code. The results are rendered as plain text inside an HTML `<pre>` element.

KKtuzinowski
80% match