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

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay