A clau, es una llave en aragonés.
La idea es tener un repositorio con ejemplos de gráficas hechas con d3 y que se adapten a cualquier dispositivo. Los ejemplos contienen datos de verdad, casi todo extraídos de Forno. Todas las gráficas tienen su version con tooltips o con herramientas como d3-annotations. Es algo que no ha sido fácil, he dado muchas vueltas buscando un camino a seguir, hay demasiado ejemplos vagos y confusos. Algunos de ellos aprovechan el hack de SVG de prescindir tanto de width y height, obviamente se adapta ya que un SVG por defecto tiene 100% en su anchura y altura, pero pero el resultado es terrible.
La tipografía elegida para los número es Roboto Condensed, ya que no todas las tipografías se llevan bien con los números. Roboto es la elegida pero aquí hay algunas más.
Sin tooltip
Con un tooltip que solamente pinta el resultado y dos líneas para situar al usuario.
Con un tooltip que devuelve texto y una línea para ubicar al usuario en la gráfica.
Gráfica de barras en formato vertical sin tooltip.
Gráfica de barras en formato vertical con tooltip fijo. La idea es aprovechar una posición vacía de la gráfica para dejar el tooltip en estático. Es bastante molesto que vaya apareciendo y desapareciendo.
Gráfica de barras en formato horizontal sin tooltip.
Scatter Plot
A partir de un dataset creamos varias gráficas de area
Gráfica de area que se actualiza a través de un input.
Una gráfica de línea con círculos para reforzar el resultado a primera vista.
No es una buena práctica pintar múltiples líneas en la misma gráfica.
Con abundantes datos quizás una buena práctica sea aprovechar casi todo el espacio de la pantalla. También vamos a prescindir de la escala vertical.