- 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