100%

Ironunits

✓ Published0🌍 Public

Last edited May 26, 2020

Created on May 26, 2020

This example converts a Google Sheets CSV of course content into a structured JSON outline for the `md2oedx` platform. It first downloads the CSV via `curl`, parses it with `csvtojson`, then reorganizes the rows into nested `chapter`, `sequential`, and `vertical` objects based on spreadsheet columns. The tool filters rows by an `active` flag and outputs the final hierarchy as an `index.json` file. The code uses Node.js `child_process` and the `csvtojson` library, with no visualization libraries involved.

AI-generated description

Ironunits

Generates an index.json file for md2oedx from that spreadsheet CSV: https://docs.google.com/spreadsheets/d/1RiieTGx6PQWkyU52yTXEWN-u5-8njN1zfdXLWm2Nn2c/edit

$ npx https://gist.github.com/abernier/9a2287044da384f44ae7c80f10745912 pt https://docs.google.com/spreadsheets/d/e/2PACX-1vTj9crFXFRl9MjP5ibW7210C-cmkdPI1EgzQK1rTYN0SMFpSGe0piWtf40H3S-LDtPVfbYnaDOpvW_N/pub?output=csv

Similar vizzes

Loading thumbnail…

Gist f10a9c7ca50cd9ce0af99cf6c89bfcfa

This example transforms tabular CSV data into a hierarchical object structure based on empty cells in organizational level columns. It uses plain JavaScript with dynamic object construction via `eval` and the `JSON.stringify` method to assemble nested children arrays. The code processes each row by iterating through org-level headers, assigning data headers to leaf nodes, and discarding parent placeholders. Finally, it triggers a file download of the resulting hierarchy, demonstrating a manual approach to building tree data without external visualization libraries.

Aalexfinnarn

68% match

Loading thumbnail…

Gist 585199

This visualization loads an external CSV file and parses its rows into JavaScript objects, mapping each column name from an array to the corresponding values in each line. It handles quoted fields that contain commas by merging split segments until the quote count is even, and it logs warnings for malformed lines that do not match the expected number of columns. The example demonstrates a reusable CSV-asynchronous-loading helper, but does not show any charting, layout, or rendering code beyond the data preparation stage.

RRandomEtc

59% match

Loading thumbnail…

Activity 6 - Task 2,3

This example loads a CSV file from a GitHub gist and displays the first 10 rows as JSON in a pre-formatted text block on the page. It uses D3 v5 via UNPKG, specifically the `csv` and `csvFormat` functions, along with `select` to manipulate the DOM. The visualization is rendered with SVG and WebGL, though the main output is textual, showing the data structure without additional graphical encoding.

Ssaipaidipalli

58% match

Loading thumbnail…

Fork of HTML Starter

This example loads a CSV file containing names and ranks, then logs the resulting array of objects to the browser console using `d3.csv`. The page structure is minimal, with a single `div` container and a module script that executes the data-loading logic. Styling is applied via a CSS class for large centered text, though no visual rendering occurs in the current code. The project demonstrates a basic integration of D3.js v7 for asynchronous data parsing within a simple HTML and JavaScript setup.

Aarkaim23

58% match

Loading thumbnail…

Activity 6

This example loads a CSV file from a GitHub gist and displays the first ten rows as formatted JSON in the browser. It uses D3 v5’s `csv` method to fetch and parse the data, `csvFormat` to calculate dataset size, and `select` to append DOM elements. The page also demonstrates importing local ES6 modules, though the data display is the primary visual output rendered as plain text.

HHarshiiiiiiiip

58% match

Loading thumbnail…

Activity 6

This example displays the first 10 rows of a CSV dataset as formatted JSON text on a page. The code uses D3 v5’s `csv` method to fetch data from a remote GitHub gist, then appends the sliced rows to the body with `select` and `append`. The visualization itself is minimal, showing raw data rather than a chart, with a black background and aqua text styled via an HTML `<pre>` element. The page also embeds a YouTube video in an iframe.

Rrushithareddyy

57% match

Loading thumbnail…

Activity 6

This example loads a CSV file from a GitHub gist and displays the first ten rows as formatted JSON in the browser. It uses D3 v5’s `csv` method to fetch and parse the remote data, then appends the results to the page with `select` and `append`. The code demonstrates importing both D3 utilities and a local ES6 module, though the latter is not actually used in the visible output. The page renders plain text in a `<pre>` element, with the overall frame defined in an SVG background.

SSharankumar02

57% match

Loading thumbnail…

Use ronnywang/pdf-table-extractor CLI to extract CSV files

This example demonstrates how to extract tabular data from PDF files into JSON using the ronnywang/pdf-table-extractor command-line tool. It shows a shell-based workflow that clones the pdf-table-extractor repository alongside Mozilla’s pdf.js library, builds pdf.js with gulp, and then runs the `parse-cmd.js` script to convert a specified PDF input into structured JSON output. The code relies on Node.js, npm, gulp, and the pdf.js rendering engine to parse table cells, making the extracted data available for further processing or visualization.

VVioletVivirand

57% match