datasette-screenshots

Screenshots of Datasette, taken using shot-scraper running in GitHub Actions in this repository.

global-power-plants.png

- height: 1600
  output: global-power-plants.png
  url: https://global-power-plants.datasettes.com/global-power-plants/global-power-plants?_facet_size=5&country_long=United+States+of+America
  wait: 5000

global-power-plants.png

faceting.png

- height: 800
  output: faceting.png
  url: https://congress-legislators.datasettes.com/legislators/executive_terms?_facet=type&_facet=party

faceting.png

sql-query.png

- height: 800
  output: sql-query.png
  url: https://latest.datasette.io/fixtures?sql=%0Aselect+_neighborhood%2C+facet_cities.name%2C+state%0Afrom+facetable%0A++++join+facet_cities%0A++++++++on+facetable._city_id+%3D+facet_cities.id%0Awhere+_neighborhood+like+%27%25%27+%7C%7C+%3Atext+%7C%7C+%27%25%27%0Aorder+by+_neighborhood%3B%0A&text=town

sql-query.png

tutorials-clean-data-locations-map.png

- height: 1200
  output: tutorials-clean-data-locations-map.png
  url: https://manatees.vercel.app/manatees/locations
  wait: 1500

tutorials-clean-data-locations-map.png

tutorials-clean-data-facets.png

- output: tutorials-clean-data-facets.png
  selectors:
  - .facet-results
  - header
  url: https://manatees.vercel.app/manatees/locations?_nocol=latitude&_nocol=longitude&_facet=DCODE&_facet=MORTALITY

tutorials-clean-data-facets.png

regmem-search.png

- height: 585
  output: regmem-search.png
  url: https://register-of-members-interests.datasettes.com/regmem/items?_search=hamper&_sort_desc=date
  width: 960

regmem-search.png

advanced-export.png

- output: advanced-export.png
  padding: 10
  selector: '#export'
  url: https://register-of-members-interests.datasettes.com/regmem/items?_search=hamper

advanced-export.png

faceting-details.png

- output: faceting-details.png
  padding: 10
  selectors_all:
  - .suggested-facets a
  - tr:not(tr:nth-child(n+4)) td:not(:nth-child(n+11))
  url: https://congress-legislators.datasettes.com/legislators/legislator_terms?_facet=type&_facet=party&_facet=state&_facet_size=10

faceting-details.png

binary-data.png

- javascript: "Array.from(\n  document.querySelectorAll('tr:nth-child(n+3)'),\n  el\
    \ => el.parentNode.removeChild(el)\n);"
  output: binary-data.png
  padding: 10
  selector: table
  url: https://latest.datasette.io/fixtures/binary_data

binary-data.png

timezones.png

- height: 960
  output: timezones.png
  url: https://timezones.datasette.io/timezones/timezones
  wait: 10000
  width: 960

timezones.png

scotrail-bomb.png

- height: 800
  output: scotrail-bomb.png
  url: https://scotrail.datasette.io/scotrail/announcements?_search=bomb

scotrail-bomb.png

datasette-io.png

- height: 800
  output: datasette-io.png
  url: https://datasette.io/

datasette-io.png

laion-aesthetic.png

- height: 800
  output: laion-aesthetic.png
  url: https://laion-aesthetic.datasette.io/laion-aesthetic-6pls/images
  wait: 1000

laion-aesthetic.png

calands-freedraw.png

- height: 800
  output: calands-freedraw.png
  url: https://calands.datasettes.com/calands/CPAD_2020a_SuperUnits?_sort=id&_freedraw=%7B%22type%22%3A%22MultiPolygon%22%2C%22coordinates%22%3A%5B%5B%5B%5B-122.39456%2C37.80219%5D%2C%5B-122.36847%2C37.77289%5D%2C%5B-122.36023%2C37.74683%5D%2C%5B-122.3671%2C37.70012%5D%2C%5B-122.38083%2C37.68708%5D%2C%5B-122.39456%2C37.68165%5D%2C%5B-122.49893%2C37.68925%5D%2C%5B-122.51404%2C37.69251%5D%2C%5B-122.53326%2C37.70121%5D%2C%5B-122.55798%2C37.72402%5D%2C%5B-122.55936%2C37.74466%5D%2C%5B-122.53738%2C37.78808%5D%2C%5B-122.5209%2C37.80436%5D%2C%5B-122.48383%2C37.82172%5D%2C%5B-122.43301%2C37.82389%5D%2C%5B-122.39456%2C37.80219%5D%5D%5D%5D%7D
  wait: 3000

calands-freedraw.png

sfmicrosociety.png

- height: 800
  javascript: "new Promise(takeShot => {\n  // Take screenshot after first 10 images\
    \ have loaded\n  // not all images due to page using loading=lazy\n  let loaded\
    \ = 0;\n  function imageDone(ev) {\n    loaded += 1;\n    if (loaded >= 10) {\n\
    \      takeShot();\n    }\n  }\n  Array.from(document.images).forEach(img => {\n\
    \    img.onload = imageDone\n  });\n})"
  output: sfmicrosociety.png
  url: https://archive.sfmicrosociety.org/

sfmicrosociety.png

graphiql.png

- height: 800
  javascript: "new Promise(takeShot => {\n  document.querySelector('.execute-button').click();\n\
    \  setTimeout(() => {\n    // Wait for GraphQL to complete\n    takeShot();\n\
    \  }, 1000);\n});"
  output: graphiql.png
  url: https://github-to-sqlite.dogsheep.net/graphql?query=%7B%0A%20%20repos(search%3A%20%22datasette%22%2C%20sort_desc%3A%20updated_at)%20%7B%0A%20%20%20%20totalCount%0A%20%20%20%20pageInfo%20%7B%0A%20%20%20%20%20%20endCursor%0A%20%20%20%20%20%20hasNextPage%0A%20%20%20%20%7D%0A%20%20%20%20nodes%20%7B%0A%20%20%20%20%20%20full_name%0A%20%20%20%20%20%20description_%0A%20%20%20%20%20%20issues_list%20%7B%0A%20%20%20%20%20%20%20%20totalCount%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20stars_list(first%3A%203%2C%20sort_desc%3A%20starred_at)%20%7B%0A%20%20%20%20%20%20%20%20totalCount%0A%20%20%20%20%20%20%20%20nodes%20%7B%0A%20%20%20%20%20%20%20%20%20%20user%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20login%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D

graphiql.png