- From: Rikkert Koppes <rikkert@finalist.com>
- Date: Fri, 27 Jul 2007 14:52:39 +0200
- CC: www-style@w3.org
A way to do this is applying a xsl stylesheet to the table (either via
script or an included stylesheet) and transforming the thing to an svg
piechart.
I have in fact done this before with a transformation to a standard
graph. By applying this transformation via scripting, you could still
display the data as a table for browsers that do not support xsl
transformations and svg rendering.
Regards,
Rikkert Koppes
Dmitry Turin wrote:
> Good day.
>
> (1D)
> I offer (@chart=none by default)
>
> <table chart="pie">
> <tr>
> <td id="id1" label="label1">24.1</td>
> <td id="id2" label="label2">31.2</td>
> <td id="id3" label="label3">56.8</td>
> <td id="id4" label="label4">75.4</td>
> </tr>
> </table>
> which display chart as pie __instead of table__ with numerical data.
> Think yourself:
>
> sheet of MS Excel selected region of sheet
> ----------------- = ------------------------
> html-document table in html-document
>
>
> Accompaning illustrations are in
> http://html6.by.ru/site/html60/en/author/chart_eng.htm
>
>
> Each row is displayed be separate colour.
> There are colors by default,
> by we can change them in CSS:
> tr#id1 {
> color: red;
> }
> tr#id2 {
> color: green;
> }
> Possible values of @chart are:
> pie, horbar, verbar (histogram).
>
> ---
>
> (2D)
> <table chart="polar">
> <tr>
> <td label="label1">24.1</td>
> <td label="label2">31.2</td>
> <td label="label3">56.8</td>
> <td label="label4">75.4</td>
> </tr>
> <tr>
> <td label="label5">56.7</td>
> <td label="label6">84.3</td>
> <td label="label7">93.4</td>
> <td label="label8">37.2</td>
> </tr>
> </table>
>
> table[chart="petal"] {
> section-color:
> section-width:
> section-type: none/dotted/dashed/solid/double;
> point-color:
> point-type: none/disc/circle/square/arrow/star/triangle/hex;
> /* --'section' and 'point' are shorthands for properties-- */
> painted: yes/no;
> /* --filling under graphic-- */
> }
>
> Possible values of @chart are:
> decart (line), polar (petal).
>
> ---
>
> (2.5 D)
> <table chart="JapaneseCandles">
> <tr>
> <td label="label1">24.1</td>
> <td label="label2">31.2</td>
> <td label="label3">56.8</td>
> <td label="label4">75.4</td>
> </tr>
> <tr>
> <td label="label5">56.7</td>
> <td label="label6">84.3</td>
> <td label="label7">93.4</td>
> <td label="label8">37.2</td>
> </tr>
> <tr>
> <td label="label5">45.8</td>
> <td label="label6">67.5</td>
> <td label="label7">24.6</td>
> <td label="label8">32.9</td>
> </tr>
> </table>
>
>
>
> I ask you to _help me_ to develop question,
> i.e. to list all possible use case of chart and
> quantity of rows for each use case.
>
> Dmitry Turin
> HTML6 (6.3.0) http://html6.by.ru
> SQL4 (4.1.3) http://sql40.chat.ru
> Unicode2 (2.0.1) http://unicode2.chat.ru
> Computer2 (2.0.3) http://computer20.chat.ru
>
>
>
Received on Friday, 27 July 2007 12:52:11 UTC