& HTML: Matrix 300x300 darstellen

[wahsaga]

hi,

Dabei kann ein Element entweder ja oder nein sein (X oder O). Die Daten werden aus einer Datenbank geliefert. Die Frage ist, wie Stelle ich diese Matrix dann im Browser performant dar?

1. Über eine HTML-Tabelle (imho total unperformant)

Von der Struktur her bietet sich eine Tabelle für eine zweidimensionale Matrix aber wohl am ehesten an.

2. über divs (wahrscheinlich auch unperformant?)

Darüber hinaus strukturell schlechter, und vermutlich schwieriger zu handhaben.

3. Generierung einer Grafik der Matrix?

Da du dabei jeden Pixel einzeln setzen müsstest, halte ich das auch nicht für sonderlich performant.

4. Vorschlag:
Das ganze als Textstrings zusammensetzen, jeweils entweder X oder 0 anfügen und nach 300 Zeichen einen Zeilenumbruch einfügen - und diesen String dann innerhalb von <pre> darstellen lassen; mit per CSS verringerter Schriftgröße, damit man bei 300 Zeichen in einer Zeile nicht meterweit querscrollen muss.

gruß,
wahsaga