a simple function to export a JSON file

100%

a simple function to export a JSON file

✓ Published0🌍 Public

Last edited Nov 22, 2014

Created on Nov 22, 2014

This example demonstrates a minimal JavaScript function that triggers a browser save dialog for any JSON data, producing a downloadable file with a user-specified name. The code converts the input data into a formatted string using `JSON.stringify`, wraps it in a Blob with the `application/json` MIME type, and creates an object URL via `URL.createObjectURL`. It then programmatically clicks a temporary anchor element with a `download` attribute and cleans up the element afterward. The function accepts arbitrary data, such as arrays or text, as shown in the comment example `saveJSON([1,2,3], 'anArray')`.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 30cbfbfa6a3cb42eef6beba8d35b62a1

This example demonstrates a browser-based utility for saving JSON data as a downloadable file. It shows how to serialize a JavaScript object into a formatted JSON string, wrap it in a Blob, and trigger a client-side download. The code uses the Blob constructor with the `application/json` MIME type, feature-detects the HTML5 `download` attribute, and creates a temporary anchor element with `URL.createObjectURL` to initiate the download. It also includes a fallback for Internet Explorer 10+ using `navigator.msSaveBlob`. The filename is fixed as `directory.json`, and the data structure comes from the `finalData` parameter passed to the `downloadFile` function.

Aalexfinnarn

82% match

Loading thumbnail…

save lunr.js state

This example demonstrates how to save the complete internal state of a lunr.js search index to a downloadable JSON file. The code defines a console utility that serializes the index using `JSON.stringify` with pretty-printing, then creates a Blob with `text/json` MIME type. It uses the browser’s `URL.createObjectURL` to generate a temporary download link, which is programmatically clicked via a `MouseEvents`-dispatched event. The final line calls `lunr_index.toJSON()` to capture the index’s serialized data into `_indexed.json`. This approach relies on native browser APIs for file generation rather than external libraries.

PPhilippe Rivière

65% match

Loading thumbnail…

Gist 58ea1113852500390cf7cb5f0bd2d88c

This example demonstrates two JavaScript methods for converting between JavaScript objects and JSON format. It uses the native `JSON.parse()` function to transform a JSON string into an object, then accesses its properties to display "John, 30" via `document.getElementById().innerHTML`. A second example uses `JSON.stringify()` to convert a JavaScript array of names into a JSON string for output. The code relies on standard JavaScript APIs and renders results directly into HTML elements, illustrating basic data serialization without external libraries.

MMistyBlunch

61% match

Loading thumbnail…

Download SVG

This example demonstrates how to trigger a file download of an SVG image directly from a browser using a data URL. The page displays a large download icon, and clicking it invokes a JavaScript function that creates a temporary anchor element with the SVG data URL as its `href` and `download` attribute, then programmatically clicks it to save the file as `test.svg`. The SVG content is embedded as a URI-encoded string, representing a simple smiley-face graphic. The implementation uses plain JavaScript DOM APIs, including `document.createElement` and `setAttribute`, and references Font Awesome’s `fa-download` icon for the visual button.

CCurran Kelleher

60% match

Loading thumbnail…

highlight.js

This example demonstrates how to display a JavaScript object as formatted, syntax-highlighted code on a web page. It uses the highlight.js library to apply color-coded styling to a JSON string representation of a small dataset, while D3 v4 populates the `<code>` element with the data. The code first defines an array of objects with name and size properties, then uses `d3.select` and `json.stringify` to insert the formatted data into the page. The visible result is a clean, readable code block, though no interactive visualization is present.

EEfratVil

58% match

Loading thumbnail…

Open & Export

This example shows a utility page that opens a target URL in a new browser tab. The page provides a single button that triggers a `window.open` call with the target address, which is read from the `url` query parameter via `URLSearchParams`. After the tab opens, it displays an alert reminding the user to use the keyboard shortcut ⌘P or Ctrl+P to save the page as a PDF. The code uses plain HTML, CSS, and JavaScript, with no external charting or visualization libraries.

Aamazingandyyy

56% match

Loading thumbnail…

Gist 7ce9df53ac9ec00419634ca3f9e3f772

This example demonstrates a minimal JavaScript module that exports both a default function and a named export. The default function logs and returns a greeting string, while the named export `doStuff` logs a message when invoked. The code uses standard ES module syntax with `export default` and `export const`, and relies on the console API for output. It shows the basic structure of a reusable module, highlighting how default and named exports are defined and accessed. No external libraries or rendering are involved.

Aabernier

56% match

Loading thumbnail…

Gist afb2c61a5f1e80066b6beb25830811f4

This example demonstrates a minimal JavaScript module that exports a function returning the number 42. It shows the basic structure of an ES6 module using the `export default` syntax. The code relies on JavaScript’s module system and contains no external libraries or data sources. The visualization simply renders a fixed constant value, with no dynamic behavior, animation, or DOM interaction. It serves as a placeholder or starting point for integrating a data-driven chart or graph in a larger application.

KKristinHenry

55% match