20 мануалов по созданию графиков и диаграмм с помощью HTML5 и CSS3

2

24765
11-04-2012

20 мануалов по созданию графиков и диаграмм с помощью HTML5 и CSS3Представляю очередную тематическую подборку мануалов по HTML5 и CSS3, которая сегодня посвящена исключительно визуальным графикам и диаграммам. Наглядное представление информации, однозначно, легче воспринимается зрителем в плане усвоения и восприятия. Графики бывают разные. Это может быть гистограмма а виде цветных полосок за значениями на шкале координат. Или круговая диаграмма с полями, соответствующими значениям переменных. Или это просто линейный график и эффектным анимационным эффектом. В общем, визуальное разнообразие радует возможностью выбора.

1. Pure Css Data Chart
Перейти на Pure Css Data Chart

2. CSS3 Charts
Перейти на CSS3 Charts

3. CSS3 Bar Graphs
Перейти на CSS3 Bar Graphs

4. Pie Charts with CSS3
Перейти на Pie Charts with CSS3

5. Snazzy Animated Pie Chart
Перейти на Snazzy Animated Pie Chart

6. CSS3 Graph Animation
Перейти на CSS3 Graph Animation

7. CSS bar charts
Перейти на CSS bar charts

8. Creating a graph
Перейти на Creating a graph

9. Accessible Data Visualization
Перейти на Accessible Data Visualization

10. Wicked CSS3 3d bar chart
Перейти на Wicked CSS3 3d bar chart

11. Vertical Bar Graphs
Перейти на Vertical Bar Graphs

12. Flexible bar graphs
Перейти на Flexible bar graphs

13. CSS Stacked Bar Graphs
Перейти на CSS Stacked Bar Graphs

14. CSS Vertical Bar Graphs
Перейти на CSS Vertical Bar Graphs

15. Pie Charts with CSS3
Перейти на Pie Charts with CSS3

16. Bar Graph
Перейти на Bar Graph

17. Javascript Chart Plotting
Перейти на Javascript Chart Plotting

18. Bar Chart
Перейти на Bar Chart

19. Accessible bar chart
Перейти на Accessible bar chart

20. CSS3 Charts example — урок удален автором
Перейти на CSS3 Charts example

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)
  • Короткая ссылка на этот пост: http://www.designonstop.com/?p=7050
  • Получать обновления:

  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Написать комментарий с помощью формы Facebook

Комментариев 2 комментария

Премного благодарна за подборку, именно то, что мне сейчас нужно. Познаю азы HTML5 и диаграммки — самое то 🙂

ОтветитьОтветить

@Shuro4ka:
Рада, что в тему. Успехов в освоении 🙂

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

45 queries in 0,503 seconds.