civio / verba

Explora los Telediarios de RTVE desde 2014
https://verba.civio.es
GNU Affero General Public License v3.0
31 stars 5 forks source link

Imaginario gráfico (repensando verba) #42

Closed carmen-tm closed 4 years ago

carmen-tm commented 4 years ago

Recopilo en este issue las ideas a nivel general que se me han ido ocurriendo sobre el proyecto y con las que he empezado a cacharrear. Inicialmente sobre todo a nivel de imagen gráfica, pero lo chulo es que se extiende a la visualización.

Imaginario gráfico

En torno al nombre del proyecto y su significado: Verba volant, scripta manent las palabras vuelan, lo escrito permanece Tipografía estilo latino, sobria, que gráficamente juegue con el concepto. 'verba volant' muy ligero y voláti, scripta manent' más robusto y pesado. Al buscar un término en el dispositivo, las palabras podrían desaparecen etéreas y que quedase el 'scripta manent' robusto, que enlaza y juega gráficamente con la estética del histograma. Boceto rápido: typos-01crop

Observatorio de escucha y análisis: cacharros Aplicación como observatorio de medios, de sus transcripciones... todo esto me sugiere aparatos de transcripción y record de audio. Cacharros de escucha, de grabación. Centro de artefactos relacionados con el registro y grabación de audios. Gráficamente me lleva al universo de patentes/ilustraciones antiguas de chismes en esa línea. Me parece que puede encajar, y además son muy bellas. Propongo algo tipo collage con fragmentos y partes de cosas así (más o menos divertido... o más o menos serio): 2e4b010612b6468b45d7fb8db644c394 sound_mirrors_1b 52742995c18d3075b3d33a4153ac471c

(voy recopilando referencias visuales random en este tablero del proyecto)

Histograma: metáfora/juego como audio track Derivado de lo anterior, la gráfica principal (histograma) inmediatamente me lleva a que aparezca representada evocando a un track de audio Referencias gráficas: 9964ac37d5464b408567945c0113feae 46269926-vector-music-sound-waves-set-audio-sound-equalizer-technology-pulse-musical-vector-illustration

Prueba super rápida en VERBA simplemente centrando los bins y limpiando cosas: Screenshot from 2019-11-19 16-55-21

Creo que trabajando en ello podría funcionar y ser un todo sugerente a nivel gráfico y coherente. Me encantaría integrar la gráfica, el buscador y el filtrado de forma sencilla en el collage/universo anterior, que sea un todo.

Otros elementos que apoyan y complejizan la visualización Me parece chulo que el rollo de la gráfica sea así de simple, creo que es potente. Y que se complejice al linkarse con otros elementos: Heatmap Me parece muy buena idea pero intuyo que tiene más sentido a parte, no en lugar de, sino bajo al histograma y conectado verticalmente a él, respondiendo a la pregunta del cuándo, pero sin sustituirlo, ofreciendo más información.

Entidades Sin duda haría algo con ellas. Me parece información que puede ser muy relevante (a testear) al hacer cualquier búsqueda. De primeras haría algo muy simple, tipo bubble chart con los 5-10 términos top relacionados (agrupadas y código de color según LOC, PER, ORG, MISC). En el histograma puede haber una pequeña marca en referencia a ello. Lo ideal sería algo de interacción (por ej: que al hacer hover se marquen las bins del histogram que tienen esa entidad, o cosas así, lo más sencillo posible ya estaría chulo). Estoy probando con el .csv de muestra que me pasó @dcabo a ver cómo sería la visión global, que puede molar para un tema. Pero lo que propongo es algo sencillo junto al histograma, vinculado al mismo, tipo así (aunq gráficamente distinto, y con las palabras obviamente) Screenshot from 2019-11-19 19-32-44

Otra opción sería desglosarlo a modo de mini histogramas conectados bajo lo anterior (histograma ppal y heatmap), pero no lo tengo claro.

Anotaciones

en mi cabeza tiene mucho sentido :) IMG_20191119_193849 IMG_20191119_193840

Filtrado interactivo (mejora a nivel técnico)

En último lugar me gustaría implementar, si llegamos, a que el histograma permitiera interaccionar con las fechas (marcar las fechas gráficamente mediante un selección (d3.brush) y que la búsqueda se relanzase, y por tanto el área del gráfico). Que según lo que ves representado, filtres los resultados y pongas el foco allá donde la gráfica tiene cosas que te interesan. Hay ejemplos y variaciones posibles de esto aquí. No es vital, pero a nivel de usabilidad me parece súper útil (al trastear es lo primero que eché en falta como usuaria).

EvaBelmonte commented 4 years ago

No me puede molar más la pinta que va teniendo. Lo de los cacharros es 😍

dcabo commented 4 years ago

Mola todo, muy a favor 👌 On 19 Nov 2019, 19:48 +0100, Eva Belmonte notifications@github.com, wrote:

No me puede molar más la pinta que va teniendo. Lo de los cacharros es 😍 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

carmen-tm commented 4 years ago

Retomo esta tarde esto...

carmen-tm commented 4 years ago
carmen-tm commented 4 years ago

Buenas! Los bocetos finales de VERBA que terminé el viernes pasado los he subido en box (aquí).

Ayer estuve todo el día maquetándolos, y creo que lo importante está ready :) (no es súper responsive y hay unas cuantas cosillas mejorables, pero como beta pa el informe yo creo que nos sirve). Acabo de revisar un par de cosas y mergear a master la rama donde estaba trabajando (layout-redesign).

@david yo creo que estaría.. miras tú lo de desplegar entonces..? Cualquier cosa rara que veas me dices y le echo un ojo!

Ánimo con tutto... y felices fiestas! :clinking_glasses: :champagne:

esebastian commented 4 years ago

Acabo de desplegarlo. ¡Muy chulo! 👏👏👏

carmen-tm commented 4 years ago

Gracias @esebastian !!

dcabo commented 4 years ago

¡Mil gracias, @carmen-tm, ha quedado estupendo! Descansa tranquila y hablamos ya después de Reyes.

Tú también Eduardo.