<story><title>CSS-only plotting</title><url>https://github.com/asciimoo/cssplot/</url></story><parent_chain><item><author>judofyr</author><text>Might as well use inline styling to accomplish the same (without adding tons of CSS):&lt;p&gt;&lt;pre&gt;&lt;code&gt;    &amp;lt;div class=&amp;quot;bar-chart&amp;quot;&amp;gt;
      &amp;lt;ul&amp;gt;
        &amp;lt;li style=&amp;quot;height:99%&amp;quot;&amp;gt;99%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:50%&amp;quot;&amp;gt;50%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:30%&amp;quot;&amp;gt;30%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:90%&amp;quot;&amp;gt;90%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:10%&amp;quot;&amp;gt;10%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:70%&amp;quot;&amp;gt;70%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:30%&amp;quot;&amp;gt;30%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:90%&amp;quot;&amp;gt;90%&amp;lt;&amp;#x2F;li&amp;gt;
      &amp;lt;&amp;#x2F;ul&amp;gt;
    &amp;lt;&amp;#x2F;div&amp;gt;&lt;/code&gt;&lt;/pre&gt;</text></item></parent_chain><comment><author>aleem</author><text>This gives up some flexibility. If you want to switch from horizontal to vertical you have to change a lot more code. If you want to introduce a new face style that color codes bars based on height this wouldn&amp;#x27;t work.</text></comment>
<story><title>CSS-only plotting</title><url>https://github.com/asciimoo/cssplot/</url></story><parent_chain><item><author>judofyr</author><text>Might as well use inline styling to accomplish the same (without adding tons of CSS):&lt;p&gt;&lt;pre&gt;&lt;code&gt;    &amp;lt;div class=&amp;quot;bar-chart&amp;quot;&amp;gt;
      &amp;lt;ul&amp;gt;
        &amp;lt;li style=&amp;quot;height:99%&amp;quot;&amp;gt;99%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:50%&amp;quot;&amp;gt;50%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:30%&amp;quot;&amp;gt;30%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:90%&amp;quot;&amp;gt;90%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:10%&amp;quot;&amp;gt;10%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:70%&amp;quot;&amp;gt;70%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:30%&amp;quot;&amp;gt;30%&amp;lt;&amp;#x2F;li&amp;gt;
        &amp;lt;li style=&amp;quot;height:90%&amp;quot;&amp;gt;90%&amp;lt;&amp;#x2F;li&amp;gt;
      &amp;lt;&amp;#x2F;ul&amp;gt;
    &amp;lt;&amp;#x2F;div&amp;gt;&lt;/code&gt;&lt;/pre&gt;</text></item></parent_chain><comment><author>rwl4</author><text>I just came here to say the same. You can accomplish the first two chart styles quite easily, though the last might be a bit more involved.</text></comment>