100%

Fork of OSRS Grand Exchange Dataset

✓ Published0🌍 Public

Last edited Sep 26, 2024

Created on Sep 26, 2024

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.

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 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.

Ssofia-martinovich

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

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

71% 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…

Fork of DV5

This example demonstrates how to load and parse a CSV dataset using D3.js, displaying basic information about the file’s size, row count, and column count in a styled HTML page. The code fetches a remote CSV file containing laptop data via `d3.csv`, then formats the resulting parsed data with `d3.csvFormat` to estimate its kilobyte size. The retrieved statistics are written into a `<pre>` element using standard DOM manipulation, while the page’s vibrant blue and red styling is applied through regular CSS.

GGorantla Vishnusai

68% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data from a remote URL, displaying the file size, row count, and column count as text. It uses the D3.js v5 `d3.csv` method to fetch and parse the data, then formats the output with `d3.csvFormat` to calculate the kilobyte size. The data comes from a GitHub Gist containing animal information. Alternative commented-out approaches show fetching raw text with `fetch`, `async`/`await`, and `d3.csvParse`, as well as a nested promise pyramid, but the active code relies solely on `d3.csv` with its built-in promise handling. The result is rendered into a large-styled `<pre>` element.

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

Loading thumbnail…

Fork of Fork of Fork of Data Table Summary

This example displays a quick statistical summary of a diabetes survey dataset, showing the total row count, column count, and file size in kilobytes, followed by a preview of the first ten rows in JSON format. It uses D3 v5’s `csv` method to load the external data and `csvFormat` to compute its size, while the document body is styled with custom CSS that includes a khaki background, a GIF image, and dotted borders. The SVG in the HTML contains a background image and links to the raw data file.

VVineela Reddy

68% match