Skip to main content
SimilarExport ZIP
100%

HTML browser favorites to CSV

✓ Published0🌍 Public
TThomasG77
Last edited Mar 21, 2024
Created on Mar 21, 2024

This example converts browser-exported HTML bookmark files into a clean CSV table with two columns: page titles and their URLs. The pipeline uses three command-line tools: pup extracts JSON objects from the HTML structure, jq reformats the data into CSV rows, and he decodes HTML entities back into readable text. The final output is a plain-text CSV file, making bookmark data easy to import into spreadsheets or other data tools. The code demonstrates a lightweight, scriptable approach to data cleaning without a graphical interface.

AI-generated description

HTML browser favorites to CSV

Need pup (Go based), jq (install as binary) and he (Node based)

Take the html export from your browser

cat your_favorites.html | pup a json{} | jq -c -r '["title","url"], (.[] | [.text,.href]) | @csv' | he --decode >| your_favorites_decoded.csv

Similar vizzes

Loading thumbnail…

Quick node.js script to convert a CSV file to HTML

A quick Node.js script converts CSV spreadsheet data into standalone HTML pages by applying a template to each row. It uses the `csv` library to parse an input file with named columns and the `ejs` templating engine, configured with curly braces, to interpolate row values into the output. The script validates file extensions (`.csv`, `.ejs`, `.html`) and writes the rendered templates to a single output file, joining them with platform-appropriate line endings. The example includes a template that displays each item’s title, link, source, and year as formatted HTML.

RRandomEtc
62% match
Loading thumbnail…

Fork of HTML Starter

A simple web page fetches and parses CSV data, displaying the raw text in the browser console. The code uses the Fetch API to retrieve a CSV file containing CSS named colors from a GitHub gist, then logs the parsed text output. The page itself renders no visual content, serving only as a data-loading exercise. The script contains an asynchronous function that handles the network request and response text conversion, with the parsed data printed for inspection.

CCaparino
60% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates the simplest possible way to fetch and parse CSV data in the browser. It shows a single large HTML heading displaying "Hello HTML" after loading a remote CSV file from a GitHub gist. The code uses the native `fetch` API to retrieve the CSV and relies on no additional libraries. The page is styled with inline CSS, setting the body font size to 13em, and the script contains the fetch URL string. The example serves as a bare minimum starter for handling tabular data in a plain HTML context.

DDanny Stephens
59% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates loading and parsing CSV data from a remote URL, displaying a static message ("Hello HTML!") centered on the page. The code fetches a CSV file containing CSS named colors from a GitHub Gist via the fetch API, then logs the response text to the console. It uses standard JavaScript fetch and `response.text()` for processing, without any external visualization libraries. The page relies on HTML and inline CSS for layout, but does not yet render the CSV content visually.

Bbillmccabeusa@hotmail.com
59% match
Loading thumbnail…

Fork of HTML Starter

This example summarizes a CSV file fetched from a GitHub gist, displaying its file size, row and column counts, and a full table of its contents. It also renders two static SVG illustrations: a fish and a house, which are drawn using inline SVG path, circle, polygon, and rect elements. The code uses D3 v7’s `csvParse` and `fetch` API to load and parse the data, then injects the summary and table directly into the HTML via `innerHTML`. Styling is handled by external CSS.

Mmadalahyndavi123@gmail.com
59% match
Loading thumbnail…

HTML Starter

This example presents a minimal HTML page that loads a CSV data file and logs its contents to the browser console using d3.csv. The page consists of a simple SVG element selected via d3.select, although the code does not render any visualization. It demonstrates a basic setup for fetching and parsing tabular data with D3.js, showing the initial steps of an interactive charting workflow.

BbarryLinx
58% match
Loading thumbnail…

Fork of HTML

This example is a JavaScript tool that generates three synthetic CSV datasets for practice. It creates a bar chart dataset of 120 product sales, a scatter plot dataset of 150 height and weight observations, and a multi-series dataset of 200 monthly metric samples. The code uses the DOM `document.createElement` and `a.click()` API to trigger automatic file downloads of each CSV. It also leverages JavaScript's `Math.random` and `encodeURIComponent` for data generation and file encoding, all within a single HTML page.

Ssaiabhishekmunnangi@gmail.com
58% match
Loading thumbnail…

Parse CSV Data

This example demonstrates a minimal HTML page that parses CSV data using CSS and JavaScript. The code renders a large “Hello HTML!” message with a 13em font size, centered on the page. It relies on standard web technologies—HTML for structure, CSS for styling, and JavaScript for data parsing—without external libraries or frameworks. The styling is applied via a `<style>` block in the document head, and the message is displayed in a `<div>` element. The example serves as a bare-bones starter for handling CSV content in a browser environment.

Ppaulmojicatech
57% match