15 técnicas para hacer gráficas con XHTML y CSS

El primero es este enlace de Apples to Oranges es bastante antiguo, del 2005, pero conserva su utilidad, se trata de ejemplos de código XHTML y CSS para crear gráficas de barras como estas:

image 15 técnicas para hacer gráficas con XHTML y CSS

Otras 14 posibilidades y herramientas útiles para representar datos gráficamente con CSS:

  1. Pure CSS Data Chart
  2. Accesible data visualization with Web Standars
  3. Creating a Graph Using Percentage Background Images
  4. CSS Scatter Plot
  5. Definition List Bar Chart
  6. Accessible Bar Chart
  7. Ajax MGraph
  8. PlotKit
  9. CSS + Javascript Bar Charts
  10. Vertical Bar Graphs with CSS and PHP
  11. CSS Vertical Bar Graphs
  12. Displaying Percentages with CSS
  13. Dynamic Pie Chart with CSS
  14. Real World Bar Graphs (with some CSS)

Esta recopilación ha sido creada gracias a estos artículos:

Trackbacks/Pingbacks/Retweets

  1. [...] Cristian Eslava recopila 15 formas de presentar gráficos con XHTML y CSS [...]

  2. [...] la hora de generar gráficas para web podemos optar por opciones accesibles y livianas :15 técnicas para hacer gráficas con XHTML y CSS o por generar un gráfico con esa gráfica con algún [...]

Danos tu opinión:

# pqpq.es


  • # Capitalismo vs. Comunismo
  • efectivo-tarjeta
    Dos ideologías opuestas, dos formas de entender la política, la sociedad y la economía. Sugerido por anónimo

  • # ¿Tiene edad el amor?
  • edad-amor
    ¿Crees que la diferencia de edad no es un impedimento para mantener una relación? ¿Compartes la frase "El amor no tiene edad"?

# Cursos v2b | Demo

    # Adobe Live Services CS5
  • Productividad colaborativa online

    liveservices Adobe Live Services CS5

    Productividad, colaboración, tiempo real, online… son algunos de los conceptos detrás de la familia Adobe CS Live, con la que ahorrarás tiempo, dinero y esfuerzo al tener la capacidad de conectarte con colegas, clientes, jefes o amigos para realizar y revisar tus proyectos. O, por otro lado, administrar, generar, monitorear o previsualizarlos por ti mismo. No importa a qué te dediques, desde el diseño hasta el desarrollo web, el guionismo o el desarrollo de contenido para dispositivos móviles, Adobe CS Live tiene un servicio para ti.

     Adobe Live Services CS5

  • # Adobe Illustrator CS5
  • Curso online integral

    aics5 Adobe Illustrator CS5

    Illustrator es sin dudas la aplicación más potente hoy en día en cuanto a creación vectorial profesional se refiere. Provee a diseñadores, ilustradores, artistas, profesionales y entusiastas de herramientas poderosas para generar gráficos precisos, funcionales y hermosos.´Para impresos, sitios web, animaciones, interactivos, vídeos; sin importar el soporte o el dispositivo de consumo, Illustrator se convierte en la aplicación base que no puede faltar en tu repertorio de conocimientos.

    41.48 €

     Adobe Illustrator CS5