asciimoo / cssplot Goto Github PK
View Code? Open in Web Editor NEWPure CSS charts
Home Page: https://asciimoo.github.io/cssplot
License: Other
Pure CSS charts
Home Page: https://asciimoo.github.io/cssplot
License: Other
Firstly, awesome script/ idea.. Maybe if you use a table instead of ul and li's you can have a tabular representation of the data if people don't have CSS switched on, that way you would keep the semantic ruling intact.. an ul is not meant for tabular data.
hi, where's the live demo. i'm only seeing pictures.
Love what you guys got here. Are you going to add custom CSS to make it responsive?
Hi authors.
Two of the cssplot demos at https://asciimoo.github.io/cssplot/ display correctly in IE8 (bar chart with percent and twin bars with no numbers) but the rest of the samples are not recognizable as charts.
It might be a minor tweak to fix these, so please take a look at them in IE8.
I have an IE8 machine available, so let me know if you need additional testing.
Thanks, James.
Hi,
Nice charts!
Are there plans to release Line Chart?
There must be a way to draw X and Y axes in pure css ;-)
Here a link to examples how to do triangles
http://css-tricks.com/snippets/css/css-triangle/
Maybe a right and bottom borders on container + 2 triangles at the end would do it
Any chance of adding support for labeling the X and Y axes?
It seems a little odd that you're requiring uls and lis. What if I wanted to use sections and divs? I would recommend that you remove requirements for uls and lis, and instead focus on attributes and classes!
Sorry again, why 'bar charts' are vertical and 'horizontal bar charts' are defined as .vertical?
I'm creating transition between 0 state and current state through a new data-cp-transition atribute. Are you interested in merge it? And I'm changing the build to fit GruntJS tasks if it's OK to you.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.