JSON Collection to CSV

#codepen #javascript #webdev

The code pen you are about to see was originally created as part of an article I published on the LogRocket blog.

Here is a breakdown of what the code pen is about:

Fetch an array collection of JSON objects from an API (photos from the Picsum Photos API).
Filter the photos based on image type and dimensions.
Extract selected fields from each photo item in the array collection.
Reformat the extracted data as CSV (comma-separated values) string
Download the generated CSV file on the browser.

The goal is to do all the operations listed above using just Web APIs.

Show some love ❤️

Like this post
Comment your feedback
Share with someone
Follow me on Twitter

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.