diff --git a/get-started/sample-datasets/index.mdx b/get-started/sample-datasets/index.mdx index 7e65f005e..d1447644d 100644 --- a/get-started/sample-datasets/index.mdx +++ b/get-started/sample-datasets/index.mdx @@ -7,6 +7,8 @@ title: 'Tutorials and example datasets' doc_type: 'landing-page' --- +import { SampleDatasetExplorer } from '/snippets/components/SampleDatasetExplorer/SampleDatasetExplorer.jsx' + These tutorials work with any ClickHouse deployment, including [ClickHouse Cloud](/get-started/setup/cloud). @@ -20,39 +22,4 @@ In addition, the sample datasets provide a great experience on working with Clic learning important techniques and tricks, and seeing how to take advantage of the many powerful functions in ClickHouse. The sample datasets include: -{/* The following table is automatically generated at build time -by https://github.com/ClickHouse/clickhouse-docs/blob/main/scripts/autogenerate-table-of-contents.sh */} - -{/*AUTOGENERATED_START*/} -| Page | Description | -|-----|-----| -| [Amazon customer review](/get-started/sample-datasets/amazon-reviews) | Over 150M customer reviews of Amazon products | -| [AMPLab Big Data Benchmark](/get-started/sample-datasets/amplab-benchmark) | A benchmark dataset used for comparing the performance of data warehousing solutions. | -| [Analyzing Stack Overflow data with ClickHouse](/get-started/sample-datasets/stackoverflow) | Analyzing Stack Overflow data with ClickHouse | -| [Anonymized web analytics](/get-started/sample-datasets/anon-web-analytics-metrica) | Dataset consisting of two tables containing anonymized web analytics data with hits and visits | -| [Brown University Benchmark](/get-started/sample-datasets/brown-benchmark) | A new analytical benchmark for machine-generated log data | -| [COVID-19 open data](/get-started/sample-datasets/covid19) | COVID-19 Open-Data is a large, open-source database of COVID-19 epidemiological data and related factors like demographics, economics, and government responses | -| [dbpedia dataset](/get-started/sample-datasets/dbpedia) | Dataset containing 1 million articles from Wikipedia and their vector embeddings | -| [Environmental sensors data](/get-started/sample-datasets/environmental-sensors) | Over 20 billion records of data from Sensor.Community, a contributors-driven global sensor network that creates Open Environmental Data. | -| [Foursquare places](/get-started/sample-datasets/foursquare-os-places) | Dataset with over 100 million records containing information about places on a map, such as shops, restaurants, parks, playgrounds, and monuments. | -| [Geo data using the cell tower dataset](/get-started/sample-datasets/cell-towers) | Learn how to load OpenCelliD data into ClickHouse, connect Apache Superset to ClickHouse and build a dashboard based on data | -| [GitHub events dataset](/get-started/sample-datasets/github-events) | Dataset containing all events on GitHub from 2011 to Dec 6 2020, with a size of 3.1 billion records. | -| [Hacker News dataset](/get-started/sample-datasets/hacker-news) | Dataset containing 28 million rows of hacker news data. | -| [Hacker News vector search dataset](/get-started/sample-datasets/hacker-news-vector-search) | Dataset containing 28+ million Hacker News postings & their vector embeddings | -| [LAION 5B dataset](/get-started/sample-datasets/laion5b) | Dataset containing 100 million vectors from the LAION 5B dataset | -| [Laion-400M dataset](/get-started/sample-datasets/laion) | Dataset containing 400 million images with English image captions | -| [New York Public Library "What's on the Menu?" dataset](/get-started/sample-datasets/menus) | Dataset containing 1.3 million records of historical data on the menus of hotels, restaurants and cafes with the dishes along with their prices. | -| [New York taxi data](/get-started/sample-datasets/nyc-taxi) | Data for billions of taxi and for-hire vehicle (Uber, Lyft, etc.) trips originating in New York City since 2009 | -| [NOAA Global Historical Climatology Network](/get-started/sample-datasets/noaa) | 2.5 billion rows of climate data for the last 120 yrs | -| [NYPD complaint data](/get-started/sample-datasets/nypd-complaint-data) | Ingest and query Tab Separated Value data in 5 steps | -| [OnTime](/get-started/sample-datasets/ontime) | Dataset containing the on-time performance of airline flights | -| [Star Schema Benchmark (SSB, 2009)](/get-started/sample-datasets/star-schema) | The Star Schema Benchmark (SSB) data set and queries | -| [Taiwan historical weather datasets](/get-started/sample-datasets/tw-weather) | 131 million rows of weather observation data for the last 128 yrs | -| [Terabyte click logs from Criteo](/get-started/sample-datasets/criteo) | A terabyte of click logs from Criteo | -| [The UK property prices dataset](/get-started/sample-datasets/uk-price-paid) | Learn how to use projections to improve the performance of queries that you run frequently using the UK property dataset, which contains data about prices paid for real-estate property in England and Wales | -| [TPC-DS (2012)](/get-started/sample-datasets/tpcds) | The TPC-DS benchmark data set and queries. | -| [TPC-H (1999)](/get-started/sample-datasets/tpch) | The TPC-H benchmark data set and queries. | -| [WikiStat](/get-started/sample-datasets/wikistat) | Explore the WikiStat dataset containing 0.5 trillion records. | -| [Writing queries in ClickHouse using GitHub data](/get-started/sample-datasets/github) | Dataset containing all of the commits and changes for the ClickHouse repository | -| [YouTube dataset of dislikes](/get-started/sample-datasets/youtube-dislikes) | A collection of dislikes of YouTube videos. | -{/*AUTOGENERATED_END*/} + diff --git a/images/sample-datasets-grid/amazon-reviews-dark.jpg b/images/sample-datasets-grid/amazon-reviews-dark.jpg new file mode 100644 index 000000000..0e67a281c Binary files /dev/null and b/images/sample-datasets-grid/amazon-reviews-dark.jpg differ diff --git a/images/sample-datasets-grid/amazon-reviews-light.jpg b/images/sample-datasets-grid/amazon-reviews-light.jpg new file mode 100644 index 000000000..2153e5f13 Binary files /dev/null and b/images/sample-datasets-grid/amazon-reviews-light.jpg differ diff --git a/images/sample-datasets-grid/amplab-benchmark-dark.jpg b/images/sample-datasets-grid/amplab-benchmark-dark.jpg new file mode 100644 index 000000000..c786cce8c Binary files /dev/null and b/images/sample-datasets-grid/amplab-benchmark-dark.jpg differ diff --git a/images/sample-datasets-grid/amplab-benchmark-light.jpg b/images/sample-datasets-grid/amplab-benchmark-light.jpg new file mode 100644 index 000000000..7583fab02 Binary files /dev/null and b/images/sample-datasets-grid/amplab-benchmark-light.jpg differ diff --git a/images/sample-datasets-grid/anon-web-analytics-dark.jpg b/images/sample-datasets-grid/anon-web-analytics-dark.jpg new file mode 100644 index 000000000..b645e1af2 Binary files /dev/null and b/images/sample-datasets-grid/anon-web-analytics-dark.jpg differ diff --git a/images/sample-datasets-grid/anon-web-analytics-light.jpg b/images/sample-datasets-grid/anon-web-analytics-light.jpg new file mode 100644 index 000000000..6e3c06148 Binary files /dev/null and b/images/sample-datasets-grid/anon-web-analytics-light.jpg differ diff --git a/images/sample-datasets-grid/benchmarks-dark.jpg b/images/sample-datasets-grid/benchmarks-dark.jpg new file mode 100644 index 000000000..9aa8fb61f Binary files /dev/null and b/images/sample-datasets-grid/benchmarks-dark.jpg differ diff --git a/images/sample-datasets-grid/benchmarks-light.jpg b/images/sample-datasets-grid/benchmarks-light.jpg new file mode 100644 index 000000000..8b20700cb Binary files /dev/null and b/images/sample-datasets-grid/benchmarks-light.jpg differ diff --git a/images/sample-datasets-grid/brown-benchmark-dark.jpg b/images/sample-datasets-grid/brown-benchmark-dark.jpg new file mode 100644 index 000000000..dd9a87d6b Binary files /dev/null and b/images/sample-datasets-grid/brown-benchmark-dark.jpg differ diff --git a/images/sample-datasets-grid/brown-benchmark-light.jpg b/images/sample-datasets-grid/brown-benchmark-light.jpg new file mode 100644 index 000000000..6cbbcfaf1 Binary files /dev/null and b/images/sample-datasets-grid/brown-benchmark-light.jpg differ diff --git a/images/sample-datasets-grid/cell-towers-dark.jpg b/images/sample-datasets-grid/cell-towers-dark.jpg new file mode 100644 index 000000000..758699992 Binary files /dev/null and b/images/sample-datasets-grid/cell-towers-dark.jpg differ diff --git a/images/sample-datasets-grid/cell-towers-light.jpg b/images/sample-datasets-grid/cell-towers-light.jpg new file mode 100644 index 000000000..827311939 Binary files /dev/null and b/images/sample-datasets-grid/cell-towers-light.jpg differ diff --git a/images/sample-datasets-grid/covid19-dark.jpg b/images/sample-datasets-grid/covid19-dark.jpg new file mode 100644 index 000000000..824d5b59d Binary files /dev/null and b/images/sample-datasets-grid/covid19-dark.jpg differ diff --git a/images/sample-datasets-grid/covid19-light.jpg b/images/sample-datasets-grid/covid19-light.jpg new file mode 100644 index 000000000..4d710aca6 Binary files /dev/null and b/images/sample-datasets-grid/covid19-light.jpg differ diff --git a/images/sample-datasets-grid/criteo-dark.jpg b/images/sample-datasets-grid/criteo-dark.jpg new file mode 100644 index 000000000..db69b3ef8 Binary files /dev/null and b/images/sample-datasets-grid/criteo-dark.jpg differ diff --git a/images/sample-datasets-grid/criteo-light.jpg b/images/sample-datasets-grid/criteo-light.jpg new file mode 100644 index 000000000..2e3815572 Binary files /dev/null and b/images/sample-datasets-grid/criteo-light.jpg differ diff --git a/images/sample-datasets-grid/dbpedia-dark.jpg b/images/sample-datasets-grid/dbpedia-dark.jpg new file mode 100644 index 000000000..007de5cd8 Binary files /dev/null and b/images/sample-datasets-grid/dbpedia-dark.jpg differ diff --git a/images/sample-datasets-grid/dbpedia-light.jpg b/images/sample-datasets-grid/dbpedia-light.jpg new file mode 100644 index 000000000..5565c09fc Binary files /dev/null and b/images/sample-datasets-grid/dbpedia-light.jpg differ diff --git a/images/sample-datasets-grid/environmental-sensors-dark.jpg b/images/sample-datasets-grid/environmental-sensors-dark.jpg new file mode 100644 index 000000000..e8960533f Binary files /dev/null and b/images/sample-datasets-grid/environmental-sensors-dark.jpg differ diff --git a/images/sample-datasets-grid/environmental-sensors-light.jpg b/images/sample-datasets-grid/environmental-sensors-light.jpg new file mode 100644 index 000000000..931e2235d Binary files /dev/null and b/images/sample-datasets-grid/environmental-sensors-light.jpg differ diff --git a/images/sample-datasets-grid/foursquare-places-dark.jpg b/images/sample-datasets-grid/foursquare-places-dark.jpg new file mode 100644 index 000000000..c7aeccbf4 Binary files /dev/null and b/images/sample-datasets-grid/foursquare-places-dark.jpg differ diff --git a/images/sample-datasets-grid/foursquare-places-light.jpg b/images/sample-datasets-grid/foursquare-places-light.jpg new file mode 100644 index 000000000..b8c2aab67 Binary files /dev/null and b/images/sample-datasets-grid/foursquare-places-light.jpg differ diff --git a/images/sample-datasets-grid/geo-location-dark.jpg b/images/sample-datasets-grid/geo-location-dark.jpg new file mode 100644 index 000000000..963d38148 Binary files /dev/null and b/images/sample-datasets-grid/geo-location-dark.jpg differ diff --git a/images/sample-datasets-grid/geo-location-light.jpg b/images/sample-datasets-grid/geo-location-light.jpg new file mode 100644 index 000000000..76b5fa4c1 Binary files /dev/null and b/images/sample-datasets-grid/geo-location-light.jpg differ diff --git a/images/sample-datasets-grid/github-dark.jpg b/images/sample-datasets-grid/github-dark.jpg new file mode 100644 index 000000000..f399162fe Binary files /dev/null and b/images/sample-datasets-grid/github-dark.jpg differ diff --git a/images/sample-datasets-grid/github-events-dark.jpg b/images/sample-datasets-grid/github-events-dark.jpg new file mode 100644 index 000000000..05414837a Binary files /dev/null and b/images/sample-datasets-grid/github-events-dark.jpg differ diff --git a/images/sample-datasets-grid/github-events-light.jpg b/images/sample-datasets-grid/github-events-light.jpg new file mode 100644 index 000000000..d98620647 Binary files /dev/null and b/images/sample-datasets-grid/github-events-light.jpg differ diff --git a/images/sample-datasets-grid/github-light.jpg b/images/sample-datasets-grid/github-light.jpg new file mode 100644 index 000000000..683419c75 Binary files /dev/null and b/images/sample-datasets-grid/github-light.jpg differ diff --git a/images/sample-datasets-grid/hacker-news-dark.jpg b/images/sample-datasets-grid/hacker-news-dark.jpg new file mode 100644 index 000000000..5be382ea3 Binary files /dev/null and b/images/sample-datasets-grid/hacker-news-dark.jpg differ diff --git a/images/sample-datasets-grid/hacker-news-light.jpg b/images/sample-datasets-grid/hacker-news-light.jpg new file mode 100644 index 000000000..26b5b3848 Binary files /dev/null and b/images/sample-datasets-grid/hacker-news-light.jpg differ diff --git a/images/sample-datasets-grid/hacker-news-vector-search-dark.jpg b/images/sample-datasets-grid/hacker-news-vector-search-dark.jpg new file mode 100644 index 000000000..2eb2f200e Binary files /dev/null and b/images/sample-datasets-grid/hacker-news-vector-search-dark.jpg differ diff --git a/images/sample-datasets-grid/hacker-news-vector-search-light.jpg b/images/sample-datasets-grid/hacker-news-vector-search-light.jpg new file mode 100644 index 000000000..de01ae9ad Binary files /dev/null and b/images/sample-datasets-grid/hacker-news-vector-search-light.jpg differ diff --git a/images/sample-datasets-grid/laion-400m-dark.jpg b/images/sample-datasets-grid/laion-400m-dark.jpg new file mode 100644 index 000000000..ff3d52caa Binary files /dev/null and b/images/sample-datasets-grid/laion-400m-dark.jpg differ diff --git a/images/sample-datasets-grid/laion-400m-light.jpg b/images/sample-datasets-grid/laion-400m-light.jpg new file mode 100644 index 000000000..f95d03408 Binary files /dev/null and b/images/sample-datasets-grid/laion-400m-light.jpg differ diff --git a/images/sample-datasets-grid/laion5b-dark.jpg b/images/sample-datasets-grid/laion5b-dark.jpg new file mode 100644 index 000000000..63d2eece7 Binary files /dev/null and b/images/sample-datasets-grid/laion5b-dark.jpg differ diff --git a/images/sample-datasets-grid/laion5b-light.jpg b/images/sample-datasets-grid/laion5b-light.jpg new file mode 100644 index 000000000..e3aaa4af1 Binary files /dev/null and b/images/sample-datasets-grid/laion5b-light.jpg differ diff --git a/images/sample-datasets-grid/menus-dark.jpg b/images/sample-datasets-grid/menus-dark.jpg new file mode 100644 index 000000000..9bb7d49c7 Binary files /dev/null and b/images/sample-datasets-grid/menus-dark.jpg differ diff --git a/images/sample-datasets-grid/menus-light.jpg b/images/sample-datasets-grid/menus-light.jpg new file mode 100644 index 000000000..00e625a0d Binary files /dev/null and b/images/sample-datasets-grid/menus-light.jpg differ diff --git a/images/sample-datasets-grid/noaa-dark.jpg b/images/sample-datasets-grid/noaa-dark.jpg new file mode 100644 index 000000000..ce99a9c63 Binary files /dev/null and b/images/sample-datasets-grid/noaa-dark.jpg differ diff --git a/images/sample-datasets-grid/noaa-light.jpg b/images/sample-datasets-grid/noaa-light.jpg new file mode 100644 index 000000000..c51b197fb Binary files /dev/null and b/images/sample-datasets-grid/noaa-light.jpg differ diff --git a/images/sample-datasets-grid/nyc-taxi-dark.jpg b/images/sample-datasets-grid/nyc-taxi-dark.jpg new file mode 100644 index 000000000..5fdcd9e25 Binary files /dev/null and b/images/sample-datasets-grid/nyc-taxi-dark.jpg differ diff --git a/images/sample-datasets-grid/nyc-taxi-light.jpg b/images/sample-datasets-grid/nyc-taxi-light.jpg new file mode 100644 index 000000000..63e694198 Binary files /dev/null and b/images/sample-datasets-grid/nyc-taxi-light.jpg differ diff --git a/images/sample-datasets-grid/nypd-complaint-data-dark.jpg b/images/sample-datasets-grid/nypd-complaint-data-dark.jpg new file mode 100644 index 000000000..5949e30ea Binary files /dev/null and b/images/sample-datasets-grid/nypd-complaint-data-dark.jpg differ diff --git a/images/sample-datasets-grid/nypd-complaint-data-light.jpg b/images/sample-datasets-grid/nypd-complaint-data-light.jpg new file mode 100644 index 000000000..e077d33f2 Binary files /dev/null and b/images/sample-datasets-grid/nypd-complaint-data-light.jpg differ diff --git a/images/sample-datasets-grid/ontime-dark.jpg b/images/sample-datasets-grid/ontime-dark.jpg new file mode 100644 index 000000000..6df0ec44c Binary files /dev/null and b/images/sample-datasets-grid/ontime-dark.jpg differ diff --git a/images/sample-datasets-grid/ontime-light.jpg b/images/sample-datasets-grid/ontime-light.jpg new file mode 100644 index 000000000..d36383442 Binary files /dev/null and b/images/sample-datasets-grid/ontime-light.jpg differ diff --git a/images/sample-datasets-grid/public-records-dark.jpg b/images/sample-datasets-grid/public-records-dark.jpg new file mode 100644 index 000000000..460273c5c Binary files /dev/null and b/images/sample-datasets-grid/public-records-dark.jpg differ diff --git a/images/sample-datasets-grid/public-records-light.jpg b/images/sample-datasets-grid/public-records-light.jpg new file mode 100644 index 000000000..f6f6ecf7f Binary files /dev/null and b/images/sample-datasets-grid/public-records-light.jpg differ diff --git a/images/sample-datasets-grid/stackoverflow-dark.jpg b/images/sample-datasets-grid/stackoverflow-dark.jpg new file mode 100644 index 000000000..30a37114f Binary files /dev/null and b/images/sample-datasets-grid/stackoverflow-dark.jpg differ diff --git a/images/sample-datasets-grid/stackoverflow-light.jpg b/images/sample-datasets-grid/stackoverflow-light.jpg new file mode 100644 index 000000000..a0fc734c9 Binary files /dev/null and b/images/sample-datasets-grid/stackoverflow-light.jpg differ diff --git a/images/sample-datasets-grid/star-schema-dark.jpg b/images/sample-datasets-grid/star-schema-dark.jpg new file mode 100644 index 000000000..94dc1bec4 Binary files /dev/null and b/images/sample-datasets-grid/star-schema-dark.jpg differ diff --git a/images/sample-datasets-grid/star-schema-light.jpg b/images/sample-datasets-grid/star-schema-light.jpg new file mode 100644 index 000000000..590b36fd6 Binary files /dev/null and b/images/sample-datasets-grid/star-schema-light.jpg differ diff --git a/images/sample-datasets-grid/time-series-sensors-dark.jpg b/images/sample-datasets-grid/time-series-sensors-dark.jpg new file mode 100644 index 000000000..8e663579b Binary files /dev/null and b/images/sample-datasets-grid/time-series-sensors-dark.jpg differ diff --git a/images/sample-datasets-grid/time-series-sensors-light.jpg b/images/sample-datasets-grid/time-series-sensors-light.jpg new file mode 100644 index 000000000..7fa691c83 Binary files /dev/null and b/images/sample-datasets-grid/time-series-sensors-light.jpg differ diff --git a/images/sample-datasets-grid/tpcds-dark.jpg b/images/sample-datasets-grid/tpcds-dark.jpg new file mode 100644 index 000000000..3f354831b Binary files /dev/null and b/images/sample-datasets-grid/tpcds-dark.jpg differ diff --git a/images/sample-datasets-grid/tpcds-light.jpg b/images/sample-datasets-grid/tpcds-light.jpg new file mode 100644 index 000000000..1777ad910 Binary files /dev/null and b/images/sample-datasets-grid/tpcds-light.jpg differ diff --git a/images/sample-datasets-grid/tpch-dark.jpg b/images/sample-datasets-grid/tpch-dark.jpg new file mode 100644 index 000000000..70f8a5c68 Binary files /dev/null and b/images/sample-datasets-grid/tpch-dark.jpg differ diff --git a/images/sample-datasets-grid/tpch-light.jpg b/images/sample-datasets-grid/tpch-light.jpg new file mode 100644 index 000000000..85b1e4c0d Binary files /dev/null and b/images/sample-datasets-grid/tpch-light.jpg differ diff --git a/images/sample-datasets-grid/tw-weather-dark.jpg b/images/sample-datasets-grid/tw-weather-dark.jpg new file mode 100644 index 000000000..b74f52ca2 Binary files /dev/null and b/images/sample-datasets-grid/tw-weather-dark.jpg differ diff --git a/images/sample-datasets-grid/tw-weather-light.jpg b/images/sample-datasets-grid/tw-weather-light.jpg new file mode 100644 index 000000000..3123f4437 Binary files /dev/null and b/images/sample-datasets-grid/tw-weather-light.jpg differ diff --git a/images/sample-datasets-grid/uk-price-paid-dark.jpg b/images/sample-datasets-grid/uk-price-paid-dark.jpg new file mode 100644 index 000000000..ac75cbeee Binary files /dev/null and b/images/sample-datasets-grid/uk-price-paid-dark.jpg differ diff --git a/images/sample-datasets-grid/uk-price-paid-light.jpg b/images/sample-datasets-grid/uk-price-paid-light.jpg new file mode 100644 index 000000000..b76252444 Binary files /dev/null and b/images/sample-datasets-grid/uk-price-paid-light.jpg differ diff --git a/images/sample-datasets-grid/vector-search-dark.jpg b/images/sample-datasets-grid/vector-search-dark.jpg new file mode 100644 index 000000000..9177744a2 Binary files /dev/null and b/images/sample-datasets-grid/vector-search-dark.jpg differ diff --git a/images/sample-datasets-grid/vector-search-light.jpg b/images/sample-datasets-grid/vector-search-light.jpg new file mode 100644 index 000000000..1fd044d0c Binary files /dev/null and b/images/sample-datasets-grid/vector-search-light.jpg differ diff --git a/images/sample-datasets-grid/web-social-analytics-dark.jpg b/images/sample-datasets-grid/web-social-analytics-dark.jpg new file mode 100644 index 000000000..87ac9fe26 Binary files /dev/null and b/images/sample-datasets-grid/web-social-analytics-dark.jpg differ diff --git a/images/sample-datasets-grid/web-social-analytics-light.jpg b/images/sample-datasets-grid/web-social-analytics-light.jpg new file mode 100644 index 000000000..c6d7b6ef8 Binary files /dev/null and b/images/sample-datasets-grid/web-social-analytics-light.jpg differ diff --git a/images/sample-datasets-grid/wikistat-dark.jpg b/images/sample-datasets-grid/wikistat-dark.jpg new file mode 100644 index 000000000..b84724e18 Binary files /dev/null and b/images/sample-datasets-grid/wikistat-dark.jpg differ diff --git a/images/sample-datasets-grid/wikistat-light.jpg b/images/sample-datasets-grid/wikistat-light.jpg new file mode 100644 index 000000000..fb0c32df5 Binary files /dev/null and b/images/sample-datasets-grid/wikistat-light.jpg differ diff --git a/images/sample-datasets-grid/youtube-dislikes-dark.jpg b/images/sample-datasets-grid/youtube-dislikes-dark.jpg new file mode 100644 index 000000000..2dbc0dc29 Binary files /dev/null and b/images/sample-datasets-grid/youtube-dislikes-dark.jpg differ diff --git a/images/sample-datasets-grid/youtube-dislikes-light.jpg b/images/sample-datasets-grid/youtube-dislikes-light.jpg new file mode 100644 index 000000000..66125e466 Binary files /dev/null and b/images/sample-datasets-grid/youtube-dislikes-light.jpg differ diff --git a/snippets/components/SampleDatasetExplorer/SampleDatasetExplorer.jsx b/snippets/components/SampleDatasetExplorer/SampleDatasetExplorer.jsx new file mode 100644 index 000000000..864d4c3c6 --- /dev/null +++ b/snippets/components/SampleDatasetExplorer/SampleDatasetExplorer.jsx @@ -0,0 +1,309 @@ +// SampleDatasetExplorer +// A 3x2 grid of sample-dataset *categories*. Clicking a category expands it into +// a grid of image cards for that category's child dataset pages, with an animated +// (staggered fade/scale) transition between the two views. +// +// NOTE: Mintlify eval's ONLY the exported component function, so every constant +// (ACCENT, CATEGORIES) and helper MUST live inside the component body — module-level +// declarations are not in scope at render time and throw "X is not defined". + +export const SampleDatasetExplorer = ({ categories }) => { + const ACCENT = '#FAFF69'; + + // Each category: id, title (shown beneath the banner image), an icon used for + // its child cards, the two banner images, and the child dataset pages. + const CATEGORIES = [ + { + id: 'benchmarks', + title: 'Benchmarks', + icon: 'gauge', + imgLight: '/images/sample-datasets-grid/benchmarks-light.jpg', + imgDark: '/images/sample-datasets-grid/benchmarks-dark.jpg', + datasets: [ + { title: 'AMPLab Big Data Benchmark', href: '/get-started/sample-datasets/amplab-benchmark', imgLight: '/images/sample-datasets-grid/amplab-benchmark-light.jpg', imgDark: '/images/sample-datasets-grid/amplab-benchmark-dark.jpg' }, + { title: 'Brown University Benchmark', href: '/get-started/sample-datasets/brown-benchmark', imgLight: '/images/sample-datasets-grid/brown-benchmark-light.jpg', imgDark: '/images/sample-datasets-grid/brown-benchmark-dark.jpg' }, + { title: 'Star Schema Benchmark (SSB)', href: '/get-started/sample-datasets/star-schema', imgLight: '/images/sample-datasets-grid/star-schema-light.jpg', imgDark: '/images/sample-datasets-grid/star-schema-dark.jpg' }, + { title: 'TPC-DS', href: '/get-started/sample-datasets/tpcds', imgLight: '/images/sample-datasets-grid/tpcds-light.jpg', imgDark: '/images/sample-datasets-grid/tpcds-dark.jpg' }, + { title: 'TPC-H', href: '/get-started/sample-datasets/tpch', imgLight: '/images/sample-datasets-grid/tpch-light.jpg', imgDark: '/images/sample-datasets-grid/tpch-dark.jpg' }, + ], + }, + { + id: 'geo-location', + title: 'Geo & location', + icon: 'map-pin', + imgLight: '/images/sample-datasets-grid/geo-location-light.jpg', + imgDark: '/images/sample-datasets-grid/geo-location-dark.jpg', + datasets: [ + { title: 'Cell towers (OpenCelliD)', href: '/get-started/sample-datasets/cell-towers', imgLight: '/images/sample-datasets-grid/cell-towers-light.jpg', imgDark: '/images/sample-datasets-grid/cell-towers-dark.jpg' }, + { title: 'Foursquare places', href: '/get-started/sample-datasets/foursquare-os-places', imgLight: '/images/sample-datasets-grid/foursquare-places-light.jpg', imgDark: '/images/sample-datasets-grid/foursquare-places-dark.jpg' }, + { title: 'New York taxi data', href: '/get-started/sample-datasets/nyc-taxi', imgLight: '/images/sample-datasets-grid/nyc-taxi-light.jpg', imgDark: '/images/sample-datasets-grid/nyc-taxi-dark.jpg' }, + ], + }, + { + id: 'public-records', + title: 'Public records & open data', + icon: 'landmark', + imgLight: '/images/sample-datasets-grid/public-records-light.jpg', + imgDark: '/images/sample-datasets-grid/public-records-dark.jpg', + datasets: [ + { title: 'COVID-19 open data', href: '/get-started/sample-datasets/covid19', imgLight: '/images/sample-datasets-grid/covid19-light.jpg', imgDark: '/images/sample-datasets-grid/covid19-dark.jpg' }, + { title: 'NYPD complaint data', href: '/get-started/sample-datasets/nypd-complaint-data', imgLight: '/images/sample-datasets-grid/nypd-complaint-data-light.jpg', imgDark: '/images/sample-datasets-grid/nypd-complaint-data-dark.jpg' }, + { title: 'OnTime (airline flights)', href: '/get-started/sample-datasets/ontime', imgLight: '/images/sample-datasets-grid/ontime-light.jpg', imgDark: '/images/sample-datasets-grid/ontime-dark.jpg' }, + { title: 'UK property prices', href: '/get-started/sample-datasets/uk-price-paid', imgLight: '/images/sample-datasets-grid/uk-price-paid-light.jpg', imgDark: '/images/sample-datasets-grid/uk-price-paid-dark.jpg' }, + { title: "What's on the Menu? (NYPL)", href: '/get-started/sample-datasets/menus', imgLight: '/images/sample-datasets-grid/menus-light.jpg', imgDark: '/images/sample-datasets-grid/menus-dark.jpg' }, + ], + }, + { + id: 'time-series-sensors', + title: 'Time series & sensors', + icon: 'activity', + imgLight: '/images/sample-datasets-grid/time-series-sensors-light.jpg', + imgDark: '/images/sample-datasets-grid/time-series-sensors-dark.jpg', + datasets: [ + { title: 'Environmental sensors data', href: '/get-started/sample-datasets/environmental-sensors', imgLight: '/images/sample-datasets-grid/environmental-sensors-light.jpg', imgDark: '/images/sample-datasets-grid/environmental-sensors-dark.jpg' }, + { title: 'NOAA Global Historical Climatology Network', href: '/get-started/sample-datasets/noaa', imgLight: '/images/sample-datasets-grid/noaa-light.jpg', imgDark: '/images/sample-datasets-grid/noaa-dark.jpg' }, + { title: 'Taiwan historical weather', href: '/get-started/sample-datasets/tw-weather', imgLight: '/images/sample-datasets-grid/tw-weather-light.jpg', imgDark: '/images/sample-datasets-grid/tw-weather-dark.jpg' }, + ], + }, + { + id: 'vector-search', + title: 'Vector search and embeddings', + icon: 'search', + imgLight: '/images/sample-datasets-grid/vector-search-light.jpg', + imgDark: '/images/sample-datasets-grid/vector-search-dark.jpg', + datasets: [ + { title: 'dbpedia dataset', href: '/get-started/sample-datasets/dbpedia', imgLight: '/images/sample-datasets-grid/dbpedia-light.jpg', imgDark: '/images/sample-datasets-grid/dbpedia-dark.jpg' }, + { title: 'Hacker News vector search', href: '/get-started/sample-datasets/hacker-news-vector-search', imgLight: '/images/sample-datasets-grid/hacker-news-vector-search-light.jpg', imgDark: '/images/sample-datasets-grid/hacker-news-vector-search-dark.jpg' }, + { title: 'LAION 5B dataset', href: '/get-started/sample-datasets/laion5b', imgLight: '/images/sample-datasets-grid/laion5b-light.jpg', imgDark: '/images/sample-datasets-grid/laion5b-dark.jpg' }, + { title: 'Laion-400M dataset', href: '/get-started/sample-datasets/laion', imgLight: '/images/sample-datasets-grid/laion-400m-light.jpg', imgDark: '/images/sample-datasets-grid/laion-400m-dark.jpg' }, + ], + }, + { + id: 'web-social', + title: 'Web and social analytics', + icon: 'globe', + imgLight: '/images/sample-datasets-grid/web-social-analytics-light.jpg', + imgDark: '/images/sample-datasets-grid/web-social-analytics-dark.jpg', + datasets: [ + { title: 'Amazon customer reviews', href: '/get-started/sample-datasets/amazon-reviews', imgLight: '/images/sample-datasets-grid/amazon-reviews-light.jpg', imgDark: '/images/sample-datasets-grid/amazon-reviews-dark.jpg' }, + { title: 'Analyzing Stack Overflow data', href: '/get-started/sample-datasets/stackoverflow', imgLight: '/images/sample-datasets-grid/stackoverflow-light.jpg', imgDark: '/images/sample-datasets-grid/stackoverflow-dark.jpg' }, + { title: 'Anonymized web analytics', href: '/get-started/sample-datasets/anon-web-analytics-metrica', imgLight: '/images/sample-datasets-grid/anon-web-analytics-light.jpg', imgDark: '/images/sample-datasets-grid/anon-web-analytics-dark.jpg' }, + { title: 'Criteo terabyte click logs', href: '/get-started/sample-datasets/criteo', imgLight: '/images/sample-datasets-grid/criteo-light.jpg', imgDark: '/images/sample-datasets-grid/criteo-dark.jpg' }, + { title: 'GitHub events dataset', href: '/get-started/sample-datasets/github-events', imgLight: '/images/sample-datasets-grid/github-events-light.jpg', imgDark: '/images/sample-datasets-grid/github-events-dark.jpg' }, + { title: 'Hacker News dataset', href: '/get-started/sample-datasets/hacker-news', imgLight: '/images/sample-datasets-grid/hacker-news-light.jpg', imgDark: '/images/sample-datasets-grid/hacker-news-dark.jpg' }, + { title: 'Querying GitHub data', href: '/get-started/sample-datasets/github', imgLight: '/images/sample-datasets-grid/github-light.jpg', imgDark: '/images/sample-datasets-grid/github-dark.jpg' }, + { title: 'WikiStat', href: '/get-started/sample-datasets/wikistat', imgLight: '/images/sample-datasets-grid/wikistat-light.jpg', imgDark: '/images/sample-datasets-grid/wikistat-dark.jpg' }, + { title: 'YouTube dataset of dislikes', href: '/get-started/sample-datasets/youtube-dislikes', imgLight: '/images/sample-datasets-grid/youtube-dislikes-light.jpg', imgDark: '/images/sample-datasets-grid/youtube-dislikes-dark.jpg' }, + ], + }, + ]; + + const cats = categories || CATEGORIES; + + const [selectedId, setSelectedId] = useState(null); + const selected = cats.find((c) => c.id === selectedId) || null; + + // Theme visibility is handled by explicit `.dark` descendant selectors in the + //