Las celdas mas oscuras marcan una puntuacion mas alta en ese indicador.
MenosMas
Ultima revision Fuentes y creditosCréditos de mediosMetodología
Respuestas rapidas
Cuando elijo artesanía personalizada D3?
Cuando el relato es: formas novedosas, cifras de investigación, explicaciones personalizadas.
Cuando lo evito?
En casos como: una barra Chart.js ya responde a la pregunta del administrador.
Quien lo invento o popularizo?
Mike Bostock D3 (2011): sigue siendo la columna vertebral de la visualización personalizada
Que codifica?
los datos se unen a marcas SVG/Canvas con escalas explícitas
Vale en anuncios?
Si si una tesis se ve de un vistazo en Meta, Google e impresion; si no, enlaza a la figura completa.
Lo aceptara un profesor?
Si en informes de laboratorio y cartulinas si hay ejes, unidades y una linea de fuente.
artesanía personalizada D3 codifica valores como los datos se unen a marcas SVG/Canvas con escalas explícitas. Mike Bostock D3 (2011): sigue siendo la columna vertebral de la visualización personalizada.
En informes, anuncios y tareas encaja: formas novedosas, cifras de investigación, explicaciones personalizadas. Evitelo cuando una barra Chart.js ya responde a la pregunta del administrador.
Software
- D3 — Módulos para escalas, formas, jerarquías y más - ISC. · ISC · github.com/d3/d3
- d3-shape — Generadores de líneas, áreas, pilas y arcos. · ISC · github.com/d3/d3-shape
- d3-scale — Asigne dominios de datos a rangos visuales de manera honesta. · ISC · github.com/d3/d3-scale
- Observable Plot — Gramática de la familia D3 de nivel superior cuando quieres velocidad. · ISC · github.com/observablehq/plot
- Vega — Alternativa de gramática en tiempo de ejecución para especificaciones interactivas complejas. · BSD-3-Clause · github.com/vega/vega
Exportar
- Exportar 1 — SVG
- Exportar 2 — PDF
- Exportar 3 — EMF/SVG en diapositivas (sin capturas)
- Exportar 4 — SVG para web, PDF para impresion
Accesibilidad
- Accesibilidad 1 — Nunca el matiz solo. Apila patron, etiqueta y posicion.
- Accesibilidad 2 — 4.5:1 para texto, 3:1 para marcas grandes.
- Accesibilidad 3 — Texto alt corto en el grafico; numeros tambien como tabla HTML.
- Accesibilidad 4 — Movimiento solo como enfasis. Respeta prefers-reduced-motion.
artesanía personalizada D3: honra los datos se unen a marcas SVG/Canvas con escalas explícitas, y cambia cuando una barra Chart.js ya responde a la pregunta del administrador.