HACKER Q&A
📣 tunesmith

Quickest way to visualize JSON on a web page?


Say you have the following requirements:

- A JSON api that returns a bunch of date-based data, that refreshes daily

- Represent some of that data in some time series line graphs

- Display those graphs on a web page that other people can access, so that the data is up to date when they visit

- free, or free for low traffic

What are some of the fastest ways to set this up? I'm personally trying to set up a covid dashboard specific to my area, for my friends and I to check daily. So far I've tried Google Data Studio hooked up to a Google Sheet that refreshes periodically, but Data Studio is broken half the time. I also have the capability to set up a whole Next.JS website that caches data but that's overkill in terms of time/effort.

Other things I've considered:

- jupyter but the html export is confusing and not dynamic, I think.

- observerablehq but that could also look kind of messy

- idyll-lang pushed to github pages, but I wonder if there's something faster/no-code.

  👤 gregjor Accepted Answer ✓
Pretty easy to draw simple charts and graphs in HTML and CSS. I’ve seen it done with tables and divs with percentage widths. I’m sure you can find examples just Googling “html css chart.”