Lo chiamerei istogramma piu' che abaco. E penso si possa fare senza problemi in Javascript + CSS.

Partirei da un markup di questo tipo:
codice:
<ul id="istogramma">[*]35[*]29[*]18[*]42[/list]
definirei un css del tipo:
codice:
#istogramma li {
  display: block;
  height: 80px;
  background-color: #87CEEB;
  margin: 0 0 20px 0;
}
e poi a seconda del contenuto dei vari 'li' con javascript assegni il valore di width per il css.