hyparquet/index.html
2024-09-16 14:37:47 -07:00

81 lines
3.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hyparquet parquet file parser demo</title>
<link rel="icon" href="favicon.png" />
<link rel="stylesheet" href="demo/demo.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;600&display=swap"/>
<meta name="description" content="Online demo of hyparquet: a parser for apache parquet files. Drag and drop parquet files to view parquet data.">
<meta name="author" content="Hyperparam">
<meta name="keywords" content="hyparquet, parquet, parquet file, parquet parser, parquet reader, parquet viewer, parquet data, apache parquet, hightable">
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<nav>
<a class="brand" href='https://hyparam.github.io/hyparquet/'>
hyparquet
</a>
</nav>
<main id="content">
<div id="app"></div>
<div id="welcome">
<h1>hyparquet</h1>
<sub>
/haɪ pɑːrˈkeɪ/
<img src="demo/assets/audio.svg" alt="play hyparquet pronunciation" height="18" width="18" onclick="audio.play()">
</sub>
<audio id="audio" src="demo/assets/hyparquet.mp3"></audio>
<h2>in-browser parquet file reader</h2>
<p>
<a href="https://www.npmjs.com/package/hyparquet"><img src="https://img.shields.io/npm/v/hyparquet" alt="npm hyparquet"></a>
<a href="https://github.com/hyparam/hyparquet"><img src="https://img.shields.io/github/stars/hyparam/hyparquet?style=social" alt="star hyparquet"></a>
</p>
<p>
Online demo of <a href="https://github.com/hyparam/hyparquet">hyparquet</a>: a parser for apache parquet files.
Uses <a href="https://github.com/hyparam/hightable">hightable</a> for high performance windowed table viewing.
</p>
<p>
Drag and drop a parquet file (or url) to see your parquet data. 👀
</p>
<p>
Example files:
<ul class="quick-links">
<li>
<a
class="aws"
href="?key=https://hyperparam-public.s3.amazonaws.com/wiki-en-00000-of-00041.parquet">
s3://wiki-en-00000-of-00041.parquet
</a>
</li>
<li>
<a
class="azure"
href="?key=https://hyperparam.blob.core.windows.net/hyperparam/starcoderdata-js-00000-of-00065.parquet">
azure://starcoderdata-js-00000-of-00065.parquet
</a>
</li>
<li>
<a
class="huggingface"
href="?key=https://huggingface.co/datasets/codeparrot/github-code/resolve/main/data/train-00000-of-01126.parquet?download=true">
huggingface://github-code-00000-of-01126.parquet
</a>
</li>
<li>
<a
class="github"
href="?key=https://raw.githubusercontent.com/hyparam/hyparquet/master/test/files/rowgroups.parquet">
github://rowgroups.parquet
</a>
</li>
</ul>
</p>
</div>
</main>
<input id="file-input" type="file">
<script type="module" src="demo/bundle.min.js"></script>
</body>
</html>