Languages

Visualización accesible de datos

En A List Apart nos demuestran como utilizar tres técnicas básicas para incorporar la visualización de datos utilizando patrones estándares de navegación como un bloque HTML con una lista de enlaces.

Por ejemplo, una lista como esta:

<ul class="chartlist">
  <li>
    <a href="http://www.example.com/fruits/apples/">Apples</a> 
    <span class="count">420</span>
  </li>
  <li>
    <a href="http://www.example.com/fruits/bananas/"> »
    Bananas</a> 
    <span class="count">280</span>
  </li>
  <li>
    <a href="http://www.example.com/fruits/cherries/"> »
    Cherries</a> 
    <span class="count">200</span>
  </li>
  <li>
    <a href="http://www.example.com/fruits/dates/">Dates</a> 
    <span class="count">100</span>
  </li>
</ul>

Puede quedar como esta gráfica aplicando un simple CSS:

Sin duda, un recurso interesante como alternativa a otros sistemas existentes a base de APIs o Flash.

Respon

El contingut d'aquest camp es manté privat i no es mostrarà públicament.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.