Load a JSON file locally

100%

Load a JSON file locally

✓ Published0🌍 Public

Last edited Mar 19, 2019

Created on Mar 19, 2019

This example demonstrates how to load a local JSON file into a Node.js environment and display its contents in the log. The code constructs a file URL pointing to a local `meta.json` file, retrieves the data using the `NSData.dataWithContentsOfURL` API, and parses it into a JSON object with `NSJSONSerialization.JSONObjectWithData_options_error`. The parsed object is then logged to the console, and any exceptions during the process are caught and reported. The example relies on the Node.js `NSURL`, `NSData`, and `NSJSONSerialization` libraries to handle file access and JSON parsing.

AI-generated description

Similar vizzes

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data from a remote URL using JavaScript’s native `fetch` API. It shows a simple web page that requests a CSV file hosted as a GitHub gist, displaying the result of that network call in the browser console. The code currently only logs the fetch response object, without extracting or visualizing the tabular contents. No charting or data-processing libraries are invoked, and the page itself renders nothing beyond the logging activity.

袁袁孟華

60% match

Loading thumbnail…

Loading data

This example demonstrates how to load a CSV file from a remote URL and print its contents to the browser console. It uses the native `fetch` API and async/await syntax to retrieve the text from the specified GitHub-hosted CSV file, then logs it via `console.log`. The code shows the simplest pattern for handling asynchronous data loading in plain JavaScript without any external libraries or frameworks.

NNarottam Medhora

59% match

Loading thumbnail…

json

This example displays a table of network devices, showing each device’s hostname, IP address, MAC address, and network interface. The data is loaded from a local JSON file using the `fetch` API and parsed with `response.json()`. The visualization renders the raw data in a simple, unadorned format, with a minimal black-and-white design; the code includes an empty script block and extensive CSS, but no charting or rendering library is used beyond the native browser APIs. The page structure is defined in an HTML file that loads a bundled JavaScript file.

Kkeitheade

59% match

Loading thumbnail…

Chapter 2

This demo shows how to load and inspect a JSON dataset with D3 version 6. It fetches a collection of fictional tweets, including user, content, timestamp, retweets, and favorites, using the `d3.json` method. The example also imports from the `d3` and `d3-collection` modules, and logs the `nest` function to the console, though it does not yet render any visualization. The page simply provides a minimal HTML structure with a centered body and an embedded YouTube video, demonstrating the basic setup for a D3 project without producing a graphical output.

AAr0manKhan

58% match

Loading thumbnail…

Loading and parsing CSV data

This example demonstrates how to load and parse CSV data from a remote URL using the browser’s built-in Fetch API. It fetches a text file from a GitHub Gist and logs the raw CSV content to the console, showcasing the basic `response.text()` method for handling text-based data. The code also includes a commented-out alternative that first retrieves a JSON file containing a URL, then fetches that URL, illustrating a two-step data-loading pattern. No visualization is rendered, focusing purely on data acquisition and parsing.

FFelipe Bravo Silva

58% match

Loading thumbnail…

Loading and Parsing CSV Data

This example loads a CSV file from a remote URL, parses it, and logs the resulting data to the browser’s console. It demonstrates the `fetch` API to retrieve the text and D3’s `csvParse` function to convert the raw text into an array of JavaScript objects. The page itself renders only a static title, so the primary output is visible in the developer console rather than on the canvas.

JJason Summercamp

57% match

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates how to fetch a remote CSV file and log its contents to the browser console. The page uses the native Fetch API to request the dataset from a GitHub gist URL, then processes the response with the `.text()` method to print the raw CSV string. No external JavaScript libraries are used, and the implementation relies on standard browser APIs for HTTP requests and text handling. The visualization is purely demonstrative, showing the foundational step of loading tabular data without any rendering or charting logic.

Rrishyossarian

57% match

Loading thumbnail…

Read File or HTTP

This example demonstrates a small utility for reading text content from either a local file or a remote HTTP URL, abstracting the source so callers can use a single `get` function. The code shows a Node.js script that checks the URL protocol: if it starts with `http:`, it uses the `http.get` method to stream the response, collecting data chunks and joining them as a UTF-8 string; otherwise, it falls back to `fs.readFile` with a `"utf8"` encoding. Both paths invoke a callback with either an error or the resulting body, making the helper suitable for loading data files or web resources in server-side visualizations.

Mmbostock

57% match