CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
Other Discussions
Creating a chart/diagram using html and css
Al3ks
Permalink to comment
#
June 2012
Hi
Is there a way to make a chart completely using html and css, with lines, arrows etc?
Something like using ms word (image shown below)
http://img266.imageshack.us/img266/264/example01.jpg
Creating div elements and styling i can handle, but what about lines to join boxes etc?
it has to be created in html as each box has to a hyperlink and the text needs to be selectable, so the online chart/diagram generators wont do the job.
Any ideas?
Regards
Aleksander
mweldan
Permalink to comment
#
June 2012
are you going to create your own chart with html css etc?
or you need stuff to create charts?
i suggest to use ready made libraries to create dynamic charts, etc.
http://www.1stwebdesigner.com/css/top-jquery-chart-libraries-interactive-charts/
http://jpgraph.net/
Add a Comment
Is there a way to make a chart completely using html and css, with lines, arrows etc?
Something like using ms word (image shown below)
http://img266.imageshack.us/img266/264/example01.jpg
Creating div elements and styling i can handle, but what about lines to join boxes etc?
it has to be created in html as each box has to a hyperlink and the text needs to be selectable, so the online chart/diagram generators wont do the job.
Any ideas?
Regards
Aleksander
or you need stuff to create charts?
i suggest to use ready made libraries to create dynamic charts, etc.
http://www.1stwebdesigner.com/css/top-jquery-chart-libraries-interactive-charts/
http://jpgraph.net/