# Incrustar el visor de conjuntos de datos en una página web

Puede incrustar el Dataset Viewer en su propia página web mediante un iframe.

La URL a utilizar es `https://huggingface.co/datasets/<namespace>/<dataset-name>/embed/viewer`, donde `<namespace>` es el propietario del conjunto de datos (usuario u organización) y `<dataset-name>` es el nombre del conjunto de datos. También puede pasar otros parámetros como el subconjunto, la división, el filtro, la búsqueda o la fila seleccionada.

Por ejemplo, el siguiente iframe incrusta el Dataset Viewer para el conjunto de datos `glue` de la organización `nyu-mll`:

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

También puedes obtener el código de inserción directamente desde la interfaz del Dataset Viewer. Haz clic en el botón `Embed` en la esquina superior derecha del Dataset Viewer:

Se abrirá un modal con el código del iframe que puedes copiar y pegar en tu página web:

## Parámetros

Todos los parámetros de la página del visor de conjuntos de datos también se pueden pasar al visor integrado (filtro, búsqueda, split específico, etc.) añadiéndolos a la URL del iframe. Por ejemplo, para mostrar los resultados de la búsqueda de `mangrove` en el split `test` del subconjunto `rte` del conjunto de datos `nyu-mll/glue`, se puede usar la siguiente URL:

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

Puedes obtener este código directamente desde la interfaz de Dataset Viewer realizando la búsqueda, haciendo clic en el botón `⋮` y luego en `Embed`:

Se abrirá un modal con el código del iframe que puedes copiar y pegar en tu página web:

## Ejemplos

El visor de conjuntos de datos integrado se utiliza en varias herramientas y plataformas de Machine Learning para mostrar conjuntos de datos. A continuación se muestran algunos ejemplos.

Abre un [pull request](https://github.com/huggingface/hub-docs/blob/main/docs/hub/datasets-viewer-embed.md) si quieres aparecer en esta sección.

### Herramienta: ZenML

[`htahir1`](https://huggingface.co/htahir1) comparte una [entrada de blog](https://www.zenml.io/blog/embedding-huggingface-datasets-visualizations-with-zenml) que muestra cómo puedes usar la integración de [ZenML](https://huggingface.co/zenml) con el visor de Datasets para visualizar un conjunto de datos de Hugging Face dentro de un pipeline de ZenML.

### Herramienta: Metaflow + Outerbounds

[`eddie-OB`](https://huggingface.co/eddie-OB) muestra en un [video de demostración](https://www.linkedin.com/posts/eddie-mattia_the-team-at-hugging-facerecently-released-activity-7219416449084272641-swIu) cómo incluir el visor de conjuntos de datos en las tarjetas de Metaflow en [Outerbounds](https://huggingface.co/outerbounds).

### Herramienta: AutoTrain

[`abhishek`](https://huggingface.co/abhishek) muestra cómo el visor de conjuntos de datos se integra en [AutoTrain](https://huggingface.co/autotrain) en un [video de demostración](https://x.com/abhi1thakur/status/1813892464144798171).

### Datasets: galería de datasets estilo Alpaca

[`davanstrien`](https://huggingface.co/davanstrien) presenta la [colección de conjuntos de datos estilo Alpaca](https://huggingface.co/collections/librarian-bots/alpaca-style-datasets-66964d3e490f463859002588) en un [espacio](https://huggingface.co/spaces/davanstrien/collection_dataset_viewer).

### Datasets: Docmatix

[`andito`](https://huggingface.co/andito) utiliza el visor integrado en la [entrada del blog](https://huggingface.co/blog/docmatix) que anuncia la publicación de [Docmatix](https://huggingface.co/datasets/HuggingFaceM4/Docmatix), un gran conjunto de datos para Document Visual Question Answering (DocVQA).

### App: Masader - Catálogo de datos de PLN árabe

[`Zaid`](https://huggingface.co/Zaid) [presenta](https://x.com/zaidalyafeai/status/1815365207775932576) el visor de conjuntos de datos en [Masader - the Arabic NLP data catalogue0](https://arbml.github.io/masader//).

