Skip to main content
SimilarExport ZIP
100%

Exchange Rate

✓ Published0🌍 Public
Rrohame
Last edited Sep 2, 2019
Created on Sep 2, 2019

This example displays the size of the exchange-rate dataset by showing the number of rows, columns, and file size in kilobytes. It loads a CSV file from a GitHub-hosted gist using `d3.csv`, then formats the data with `d3.csvFormat` to compute its length. The result is rendered as plain text inside a `<pre>` element. The page also includes commented-out alternatives using `fetch` and `d3.csvParse`. The visualization relies solely on D3 v5 for data loading and text presentation, without any charts or graphical encoding.

AI-generated description

Exchange Rate

Data Source: UNDATA, CSV file

Good question and tasks

How does exchange rates change over time?

Find the distribution of exchange rates.

Find the trend of exchange rates.

Types of attributes

Region.Country.Area and Series are categorical.

year and Value are quantitative.

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing Currency Exchange Rate data

This example demonstrates how to load and parse a CSV file containing currency exchange rates for multiple countries from December 31, 2000 to September 09, 2020. It displays the file size in kilobytes, the total number of rows, and the number of columns from the dataset. The visualization uses the D3.js v6 library, specifically the `d3.csv` function to fetch and parse the remote CSV file, and the `d3.csvFormat` method to calculate its size. The results are rendered as plain text within a pre-formatted HTML element.

Nnaisargidave
82% match
Loading thumbnail…

CSV Data

This example displays a summary of a remote CSV file's contents: its approximate size in kilobytes, the number of data rows, and the number of columns. It fetches the data from a GitHub gist URL using the `d3.csv` API, then formats the loaded data with `d3.csvFormat` to calculate its length. The resulting statistics are rendered as large text inside an HTML `<pre>` element, which is updated via JavaScript's `textContent` property. The styling is applied through a CSS class that sets the font size.

SSam Hege
78% match
Loading thumbnail…

Loading & parsing CSV data

This example demonstrates how D3 loads and parses external CSV data by fetching a remote file and displaying a summary of its contents. The code uses `d3.csv()` to retrieve the dataset from a GitHub gist URL, then calculates and presents the file size in kilobytes, the number of rows, and the number of columns directly on the page. The resulting message is rendered inside an HTML `<pre>` element via the `textContent` property, with `d3.csvFormat()` used to measure the data’s string length for the size calculation. The example also defines an unused `fetchText` helper with the Fetch API.

Ccharles-duron
78% match
Loading thumbnail…

Experiment View Test

This visualization displays a large dataset’s basic statistics—file size in kilobytes, row count, and column count—as plain text in a large preformatted block. It loads a CSV file containing weed pricing data and weather information from a GitHub gist using the `d3.csv` method, then formats the output with `d3.csvFormat` to calculate the size. The code demonstrates multiple approaches to fetching and parsing the data, with the primary method using D3 v5’s asynchronous promise-based `d3.csv` function.

Rrxgran
77% match
Loading thumbnail…

Loading Parsing CSV Data

This example demonstrates how to load and parse a CSV file, displaying file size, row count, and column count on a webpage. It uses d3.csv to fetch a remote dataset from a GitHub gist raw URL, then formats the results with d3.csvFormat to calculate kilobytes. The page also includes commented-out code showing an alternative approach using fetch, async/await, and d3.csvParse. A large pre element displays the final statistics as text.

RRaphael Fogha
77% match
Loading thumbnail…

Loading data

This example demonstrates how to load and parse a remote CSV file using D3’s `d3.csv` method, reporting the dataset’s size in the browser. The page displays three lines of text: the number of columns, the number of rows, and the file size in kilobytes, computed via `d3.csvFormat` and `Math.round`. Data is fetched asynchronously from a GitHub Gist URL, and the results are rendered into a `<pre>` element using DOM manipulation. The minimal styling uses large CSS font sizes to emphasize the metadata.

Ccaineosborne
77% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

KKarenNg
77% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

KKarenNg
77% match