W3C home > Mailing lists > Public > www-style@w3.org > July 2007

Re: *SPAM* <table chart="pie">

From: Rikkert Koppes <rikkert@finalist.com>
Date: Fri, 27 Jul 2007 14:52:39 +0200
Message-ID: <46A9EA97.6020305@finalist.com>
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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:51 GMT