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 Anotación rugosa.js?
Cuando el relato es: Aspectos destacados del explicador, marcos conceptuales de anuncios, notas didácticas.
Cuando lo evito?
En casos como: comparación cuantitativa densa que necesita longitudes precisas.
Quien lo invento o popularizo?
Rough.js llevó la representación de bocetos controlable a la web abierta
Que codifica?
trazos y rellenos imperfectos como señales de atención
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.
Anotación rugosa.js codifica valores como trazos y rellenos imperfectos como señales de atención. Rough.js llevó la representación de bocetos controlable a la web abierta.
En informes, anuncios y tareas encaja: Aspectos destacados del explicador, marcos conceptuales de anuncios, notas didácticas. Evitelo cuando comparación cuantitativa densa que necesita longitudes precisas.
Software
- Rough.js — Primitivas de lienzo/SVG estilo boceto - MIT. · MIT · github.com/rough-stuff/rough
- Rough Notation — Anime subrayados y cuadros para dar énfasis. · MIT · github.com/rough-stuff/rough-notation
- Excalidraw — Aplicación de boceto completa cuando necesitas una escena, no un trazo. · MIT · github.com/excalidraw/excalidraw
- Fabric.js — Modelo de objetos de lienzo si crea un anotador personalizado. · MIT · github.com/fabricjs/fabric.js
- Callout SVG — Llamadas de enseñanza limpias sin ruido de boceto. · 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.
Anotación rugosa.js: honra trazos y rellenos imperfectos como señales de atención, y cambia cuando comparación cuantitativa densa que necesita longitudes precisas.