d3.js
para manejar y explorar datos y metadatos de Eurostat . Esta página proporciona algunos ejemplos de visualización basada en web de los datos y metadatos difundidos en el sitio web de Eurostat . Para ello utiliza algunas plantillas ya existentes basadas en la biblioteca d3.js
( por ejemplo, consulte la galería a la que se hace referencia a continuación). Además de las páginas web de ejemplo, también se proporciona el material utilizado para manejar los (meta)datos extraídos y prepararlos (seleccionarlos/filtrarlos/reformarlos) para su visualización.
Descripción
Ejemplo 1 | Ejemplo 2 | Ejemplo 3 |
La visualización de salida proporcionada en el ejemplo 1 reutiliza el material basado en el diseño d3-force
desarrollado para la publicación del New York Times sobre la propuesta de presupuesto de Obama, para proporcionar una visualización interactiva del indicador EU-SILC seleccionado.
La página web example1_peps01.html ilustra algunas cifras importantes (2016) relacionadas con el indicador ESTAT ilc_peps01 sobre personas en riesgo de pobreza o exclusión social por edad y sexo. A través de, por ejemplo, githack
, una vista previa de esta página web está disponible en esta dirección (aunque la visualización es mucho más lenta y algunas de las funciones de la página están deshabilitadas).
La visualización de salida proporcionada en el ejemplo 2 reutiliza el material d3
presentado en un tutorial sobre diagramas de flujo , para representar los vínculos de dependencia entre los datos y los metadatos de Eurostat .
La página web example2_icw.html muestra la dependencia entre los indicadores (experimentales) de Eurostat sobre renta, consumo y riqueza (ICW) y las diversas dimensiones que realmente se utilizan para la definición de los desgloses de población. Una vista previa de esta página web está disponible en esta dirección, mientras que aquí se presenta otro ejemplo basado en los metadatos del conjunto de datos EU-SILC .
La visualización del gráfico presentada en el ejemplo 3 reutiliza el material de diseño d3-tree
expuesto en un ejemplo en línea de árbol plegable, panorámico y con zoom de arrastrar y soltar , para mostrar la tabla de contenidos de la base de datos en línea de Eurostat .
La página web example3_toc.html muestra la tabla de contenidos ampliable. Una vista previa de esta página web está disponible en esta dirección .
Acerca de
documentación | disponible en: https://eurostat.github.io/d3.examples/ |
estado | desde 2017 – en curso |
contribuyentes | |
licencia | EUPL |
Referencias
d3.js
: wiki, d3list y muchos más ejemplos.