DEV Community

gaganjot singh
gaganjot singh

Posted on

2

Animated Charts & Graphs

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

Heroku

Deploy with ease. Manage efficiently. Scale faster.

Leave the infrastructure headaches to us, while you focus on pushing boundaries, realizing your vision, and making a lasting impression on your users.

Get Started

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

DEV shines when you're signed in, unlocking a customized experience with features like dark mode!

Okay