Dataset ViewerをWebページに埋め込む

Dataset Viewerは、iframeを使用してご自身のウェブページに埋め込むことができます。

使用するURLはhttps://huggingface.co/datasets/<namespace>/<dataset-name>/embed/viewerです。ここで<namespace>はデータセットの所有者（ユーザーまたは組織）を、<dataset-name>はデータセットの名前を表します。サブセット、スプリット、フィルター、検索、選択された行などの他のパラメータも渡すことができます。

例えば、次の iframe は、nyu-mll 組織の glue データセットの Dataset Viewer を埋め込みます。

<iframe
  src="https://huggingface.co/datasets/nyu-mll/glue/embed/viewer"
  frameborder="0"
  width="100%"
  height="560px"
></iframe>

Dataset Viewerのインターフェースから、埋め込みコードを直接取得することもできます。Dataset Viewerの右上にあるEmbedボタンをクリックしてください:

iframeコードをコピーしてWebページに貼り付けられるモーダルが開きます:

パラメータ

データセットビューアページのすべてのパラメータは、iframe の URL に追加することで、埋め込みビューアにも渡すことができます（フィルタ、検索、特定の split など）。例えば、nyu-mll/glue データセットの rte サブセットの test split における mangrove の検索結果を表示するには、次の URL を使用できます。

<iframe
  src="https://huggingface.co/datasets/nyu-mll/glue/embed/viewer/rte/split?search=mangrove"
  frameborder="0"
  width="100%"
  height="560px"
></iframe>

このコードは、Dataset Viewerのインターフェースで検索を実行し、⋮ボタンをクリックしてEmbedを選択することで直接取得できます。

iframeコードをコピーしてWebページに貼り付けられるモーダルが開きます:

例

埋め込み型データセットビューアは、複数の機械学習ツールやプラットフォームでデータセットの表示に使用されています。以下にいくつかの例を示します。

このセクションに掲載されたい場合は、プルリクエストを作成してください!

ツール: ZenML

htahir1 が、ZenML の統合を Datasets Viewer と組み合わせて Hugging Face データセットを ZenML パイプライン内で可視化する方法を示したブログ記事を共有しています。

ツール: Metaflow + Outerbounds

eddie-OB は、Outerbounds 上の Metaflow カードにデータセットビューアを含める方法をデモ動画で示しています。

ツール: AutoTrain

abhishek は、デモ動画で、データセットビューアーが AutoTrain にどのように統合されているかを紹介しています。

Datasets: Alpacaスタイルのデータセットギャラリー

davanstrien は space で Alpaca スタイルのデータセットのコレクション を紹介しています。

Datasets: Docmatix

andito は、Document Visual Question Answering (DocVQA) 用の大規模データセットである Docmatix のリリースを告知する ブログ記事 で、組み込みビューアを使用しています。

アプリ: Masader - アラビア語NLPデータカタログ

Zaid は、Masader - アラビア語 NLP データカタログ でデータセットビューワーを紹介しています。