Upgrade the examples page

[simonw]

It's really not as good as it should be: https://datasette.io/examples

[simonw]

https://ruby.social/@manu_j/109465457437684920

I suggest organizing the examples by functionality (core and with plugins) rather than data. When I am looking at examples, I am looking to answer two questions 1. What can this do? 2. How. Right now the examples seem like a list of data-sets which is not helpful in understanding datasette capabilities

[simonw]

Things this page should do:

• Look exciting. Let's have a screenshot for each example (I can generate those with shot-scraper)
• Show off plugins. Examples that demonstrate plugins should highlight them.
• Demonstrate different use-cases for Datasette.
• Be data-driven. I want to drive this out of a YAML file and include the data in the search engine.

[simonw]

Here are some more recent examples I'd like to include:

• https://laion-aesthetic.datasette.io/laion-aesthetic-6pls/images - from https://simonwillison.net/2022/Sep/5/laion-aesthetics-weeknotes/
• https://scotrail.datasette.io/ - from https://simonwillison.net/2022/Aug/21/scotrail/
• https://calands.datasettes.com/ - from https://simonwillison.net/2021/Jan/24/drawing-shapes-spatialite/
• https://archive.sfmicrosociety.org from https://simonwillison.net/2022/Aug/25/sfms-archive/

Linking to blog entries where available is a good idea too.

[simonw]

I didn't make this data-driven - it's still just HTML and markdown in that templates/pages/examples.html template file.

[simonw]

New page is now live at https://datasette.io/examples

shot-scraper https://datasette.io/examples:

[simonw]

Released a new shot-scraper version with features inspired by this work: https://github.com/simonw/shot-scraper/releases/tag/1.1