Coder Social home page Coder Social logo

enflujo / 070-lam Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 2.9 MB

⛪ Visualización de la red de poder que tiene el grupo "Lazos de Amor Mariano" en Colombia. https://cerosetenta.uniandes.edu.co/especiales/lam/

Home Page: https://cerosetenta.uniandes.edu.co/especiales/lam/

HTML 13.32% JavaScript 0.46% SCSS 25.43% TypeScript 60.79%
colombia periodismo-de-datos visualizacion-de-datos

070-lam's People

Contributors

1cgonza avatar anattolia avatar juliansintilde avatar

Watchers

 avatar  avatar

070-lam's Issues

Faltan las siguientes imagenes

  • Importadora ABBA
  • Arquidiócesis de Medellín
  • Fundación corazón de Belén
  • El Hueco

Hay que poner los nombres de la imagen en la tabla!

Reestructurar la forma como se combinan los filtros

Ahora se pierde el filtro activado de cercanía o poderes cuando se hace hover en los elementos.
Toca pensar otra forma de mostrar los elementos activados por el filtro.
Puede ser útil un botón que reinicie todo, ahora se puede haciendo clic por fuera de los nodos pero el público no sabría esto.

Iconos de zonas y agentes

Creo que es Nefasta la que está diseñando esto?
Cuando lleguen y se aprueben cerramos este issue.

Repensar el filtro de cercanía

Creo que el menú desplegable y la barra de temperatura no funcionan muy bien para filtrar el grado de cercanía.
Yo no sé si uno sabría que es "grado 0", "grado 1" para indicar la cercanía.

Se me ocurre que puede ser una serie de botones sencillos que sigan las convenciones del los círculos que se ven en la visualización o algo por el estilo.

En general, pensemos mejor esto como se ve en los filtros.

Códigos de color para zonas?

Estos colores tienen el mísmo código:

Screenshot 2023-06-02 100112

Los interpreté así, @Juliansintilde porfa revisar si son estos.

--rojoSangre: #D4270C;
--naranjaMisionero: #ff6316;
--naranjaMascara: #fe8b16;
--amarilloAliado: #ffff4d;

Conectar descripciones con agentes

Ahora están en tablas separadas, se puede:

  • Al procesar datos en Tally (ver que tan pesado y con repeticiones queda)
  • Pasar los datos a la clase Nodo al crearla (probablemente la mejor opción.

Cargador

Implementar un cargador anticipando que se van a cargar muchas imagenes.
Preferible la espera inicial mostrando un cargador y así poder implementar gestos del ratón que cambien el contenido rápidamente.

Imágenes para cada agente

  • Definir las imágenes que aparecen en la descripción de cada agente.
  • Probar si se deja la ruta en Google Sheets o si las ponemos manuales en el código.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.