100%

Fork of OSRS Grand Exchange Dataset

✓ Published0🌍 Public

Last edited Mar 7, 2021

Created on Mar 7, 2021

This example displays basic dataset metrics for the OSRS Grand Exchange, showing the file size in kilobytes, row count, and column count. It fetches a JSON file from a GitHub Gist using `d3.json`, then calculates the number of keys to determine rows and columns. The results are rendered as text in a large `<pre>` element. The code relies on the D3 v5 library for data loading, with additional JavaScript logic for counting object properties and string length.

AI-generated description

OSRS Grand Exchange Dataset

This is the data of my favorite online MMORPG, OSRS (Old Runescape), which is fetched from public real-time JSON file Realtime OSRS Grand Exchange, provided by Rsbuddy as external API for Hobbyist who love DataViz. This game has its own version of Stock Trading System, where player can Sell and Buy Game items (like stock) in an Exchange Market; with game currency (gold) acquire killing monster .

Github Gist data: OSRS Grand Exchange Dataset

Source: original provided by RsBuddy

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of OSRS Grand Exchange Dataset

This example displays basic dataset statistics for the OSRS Grand Exchange, showing the file size in kilobytes, row count, and column count as large text. It fetches a JSON file of Old School RuneScape item prices from a GitHub Gist using the D3.js `d3.json` method. The code then manipulates the parsed JavaScript object, using `Object.keys()` to count rows and columns, and calculates the total character length of the JSON string to estimate file size. The result is rendered directly into an HTML `<pre>` element with a very large font size.

Mmichaeldavidparr@gmail.com

95% match

Loading thumbnail…

OSRS Grand Exchange Dataset

This visualization displays summary statistics for a dataset of item prices from the OSRS Grand Exchange, fetched as real-time JSON from RsBuddy and hosted on GitHub Gist. It shows the file size in kilobytes, total number of rows, and column count by loading the JSON with `d3.json` and inspecting object keys. The code uses D3 v5 to parse the data and render the results as plain text in a large HTML `<pre>` element, relying on JavaScript’s `Object.keys` and `JSON.stringify` for measurement.

Mmeperezcuello

88% match

Loading thumbnail…

Fork of student

This example displays a basic summary of a student performance dataset, showing the file size in kilobytes, row count, and column count. It loads a CSV file from a remote GitHub Gist using the Fetch API and parses it with `d3.csvParse`. After parsing, it calculates the approximate file size from the raw text length and extracts the row and column counts from the parsed data. The results are displayed in an HTML div, with the dataset’s dimensions logged to the browser console for debugging.

Bbharathavulapati@gmail.com

72% match

Loading thumbnail…

Dataset #3

This example displays a summary of a CSV dataset, showing the row count, column count, and file size in kilobytes, followed by the first ten rows as JSON. The page uses D3 v7 via `d3.csv` to load the data and the `select` and `append` methods to render the text into `pre` elements. The data source is a local `data.csv` file containing exam scores, and the styling is minimal with a yellow background and large monospaced text.

JJamesHop31

69% match

Loading thumbnail…

Fork of D3 Starter

This example demonstrates the data-loading process for a garden dataset, displaying summary statistics including file size in kilobytes, row count, and column count within a styled summary box. The visualization uses D3 v7’s `d3.csv` method to parse a CSV file fetched from a GitHub Gist, routed through a proxy URL to bypass CORS restrictions. A static SVG circle provides decorative context, while the script dynamically updates the DOM via `d3.select` and `textEl.html`. Error handling displays failure messages if the fetch or parsing encounters issues, and the console logs the first five rows for verification.

Ssaiabhishekmunnangi@gmail.com

69% match

Loading thumbnail…

Fork of color

This example displays a minimal text readout of a CSV dataset, showing row count and file size in kilobytes. It uses D3 v7’s `d3.csv` loader to fetch a gist-hosted list of CSS named colors. The rendered `<pre>` element updates with two lines of summary statistics. The code also includes commented-out alternatives using raw `fetch` and `d3.csvParse`, demonstrating equivalent data-loading strategies without altering the visible output.

KKate-2222004

69% match

Loading thumbnail…

Fork of Parsing CSV data using D3...way2

This example demonstrates how to load and parse a CSV file using D3, displaying basic file statistics in a large HTML `<pre>` element. It fetches a remote dataset of CSS named colors from a GitHub gist, then uses `d3.csv` to parse the data and `d3.csvFormat` to measure its serialized size. The output shows the row count, column count, and file size in kilobytes, highlighting D3’s built-in CSV parsing and formatting utilities with a minimal, text-focused interface.

OOscar Muindi

68% match

Loading thumbnail…

Exchange Rate

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.

Rrohame

68% match