DEV Community: Ankit Hingarajiya

Highcharts Full Circle SolidGauge Donut Chart with Multiple Segments

Ankit Hingarajiya — Thu, 07 Aug 2025 10:08:02 +0000

This interactive full-circle SolidGauge chart, built with Highcharts, visually breaks down multiple data segments using layered radial arcs. Each arc represents a different category (like Invited Reviews, Organic Reviews, and Unique Link Reviews), making it perfect for displaying proportional metrics in a compact, elegant format.

Users can easily customize the number of segments, colors, percentage values, and thickness of each ring to fit their use case — whether it's for performance metrics, survey results, customer feedback, or marketing analytics.

This chart is fully responsive, supports tooltips, and is ideal for embedding in dashboards or reports where clean, visual storytelling is important.

JavaScript Nested Accordion - Tailwindcss

Ankit Hingarajiya — Fri, 09 Aug 2024 05:48:42 +0000

Javascript nested accordion using tailwindcss

Cross Fade Image Animation Using Bootstrap Carousel

Ankit Hingarajiya — Thu, 13 Jul 2023 12:25:58 +0000

Slick slider animation with animate.css

Ankit Hingarajiya — Thu, 13 Jul 2023 12:25:11 +0000

slick slider using animate.css animation in selector

CSS Inverted border radius Card

Ankit Hingarajiya — Thu, 13 Jul 2023 12:24:00 +0000

CSS Inverted border-radius fancy card design

Full Calendar Bootstrap 4

Ankit Hingarajiya — Wed, 12 Jul 2023 17:07:59 +0000

Preview Link

https://codepen.io/ankithingarajiya/full/jQBWEz