Notxor tiene un blog

Defenestrando la vida

Artículos de la categoría "svg":

Dibujando figuras con Emacs

Notxor
2024-12-26

Llevo unos días aprendiendo un poco más sobre SVG y cómo generar gráficos escribiendo texto. Tengo entre manos un proyecto cuya salida debería generar algún que otro gráfico, principalmente son estadísticas y resultados de algunos cálculos. No son, por tanto, gráficos complicados, más allá de dibujar cuatro figuras: como establecer los ejes y una rejilla de fondo y sobre ellos dibujar unas líneas o unos gráficos de barras. También es posible que haya que dibujar alguna tarta con la distribución de porcentajes y poco más. Mi primer impulso fue utilizar algo sencillo como Pikchr pero, puesto que los informes que iba a generar el chismático saldrán de la churrera directamente en HTML, por qué no utilizar una salida a SVG directa, como si fuera una etiqueta HTML más. Investigando sobre SVG y sus cosas, me tropecé con svg.el, un paquete que viene incluido en Emacs y puesto que ya tengo parte del proyecto prototipado en elisp, me puse a investigarlo. De estas cosas vengo a hablar en este artículo.

(ver más...)
Categoría: svg emacs

Interactuando con SVG

Notxor
2021-10-30

Estos días de atrás comencé a dar unas clases extracurriculares1 sobre robótica en un colegio de Zaragoza. Es un colegio concertado laico que da buen servicio a una población con un amplio asentamiento de población migrante y de otros colectivos en peligro de exclusión. El proyecto me pareció interesante y, aparte del dinero que pagan ─que es poco, porque son dos horas a la semana─, me atrajo en cuanto me lo propusieron. Todo lo que hago me lo suelo tomar en serio y estas clases no son una excepción. Preparándolas me he llegado a liar con presentaciones e interacciones con elementos educativos que hasta ahora no había tocado. Por ejemplo, me hice una imagen svg de la tarjeta micro2 que utilizaremos en el aula. Sin embargo, quería que esa imagen fuera interactiva y en este artículo os cuento un poco de mis investigaciones sobre añadir interacción a los gráficos vectoriales desde javascript. Como veis, otra vez hago de psicólogo metido a programador.

(ver más...)
Categoría: svg javascript web
Otros artículos