qibbus

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.

Lista de enlaces interesantes:

• 36 Startup Tips: From Software Engineering to PR and More!. "This is a collection of startup tips covering software engineering, infrastructure, PR, conferences, legal and finance. They describe best practices for an early-stage startup."
• Sobrepeso (en sitios web, no en personas). "... el peso de una página sea uno de los valores más importantes para acelerar la visualización y la utilización de la propia web."
• 2007 Logo Trends