Animated Charts & Graphs

gscode profile image gaganjot singh ・1 min read

check out More Example gscode.in

1. Mobile friendly Preamp widget. 100daysui day 90 partial implementation. To make custom styled input range work well on all modern browsers, tablet devices and phone devices seems difficult. Probably not going that path again. I would prefer custom build vertical sliders for better control of styling results and less CSS vendor prefix code clutter. Reference: 100daysui.com/#cbp=ajax/shot-90. Tested with Chrome, Firefox, Edge, IE11, Safari, Android

2. A series of animated chart cards using the least amount of css and information as possible

3. Animated chart

CodePen Home Animated chart

4. This is a combination of JavaScript maps engine made with amCharts and box2D physics engine. The physics engine is used to solve overlapping bubbles and for fancy gravity effects.

5. -an updated example of morris.js charts

6. DailyCSSImages 30 - Bar graph

7. Animated Bar Graphs

7. Needed a simple but pretty line chart for a presentation and ended up creating this.

check out More Example gscode.in


markdown guide