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 Mapas de gráficos de red?
Cuando el relato es: mapas de influencia de la organización, gráficos de dependencia, mapas sociales del aula.
Cuando lo evito?
En casos como: un organigrama simple o una lista con viñetas ya incluye el reclamo.
Quien lo invento o popularizo?
Diseños dirigidos por la fuerza; Cytoscape.js y amigos en GitHub
Que codifica?
nodos y aristas con fuerza o disposición jerárquica
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.
Mapas de gráficos de red codifica valores como nodos y aristas con fuerza o disposición jerárquica. Diseños dirigidos por la fuerza; Cytoscape.js y amigos en GitHub.
En informes, anuncios y tareas encaja: mapas de influencia de la organización, gráficos de dependencia, mapas sociales del aula. Evitelo cuando un organigrama simple o una lista con viñetas ya incluye el reclamo.
Software
- Cytoscape.js — Kit de herramientas de teoría de grafos para el navegador - MIT. · MIT · github.com/cytoscape/cytoscape.js
- force-graph — Lienzos dirigidos a la fuerza con poco repetitivo. · MIT · github.com/vasturiano/force-graph
- d3-force — Física utilizada en muchas vistas de red personalizadas. · ISC · github.com/d3/d3-force
- Mermaid flowchart — Gráficos de texto cuando la interacción es innecesaria. · MIT · github.com/mermaid-js/mermaid
- Mind-map demo — Marcas de enseñanza de relación radial estática. · CC0 examples · github.com/Tool-Lifes/viz-atlas
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.
Mapas de gráficos de red: honra nodos y aristas con fuerza o disposición jerárquica, y cambia cuando un organigrama simple o una lista con viñetas ya incluye el reclamo.