1/6 - Pie chart
Overview
A fully configurable interactive chart module for HubSpot CMS. Build bar charts, line charts, area charts, pie charts, donut charts, and horizontal bar charts directly from the page editor. No code, no external libraries, no monthly subscriptions.
Enter your data through simple repeater fields. Pick a color palette or define your own. The chart renders as pure SVG with scroll-triggered animation, hover tooltips, and responsive scaling. Multi-series support lets you overlay multiple datasets on the same chart.
9 built-in color palettes cover every brand style from corporate navy to bold primaries. Select "Custom" to unlock 8 individual color pickers. Every visual property is controlled from the Style tab: container colors, font picker, grid lines, tooltip design, legend styling, shadow color, border toggle, and data table appearance. Dark mode ready.
Includes an accessible data table that renders from the same chart data. Show it below the chart, hide it visually for screen readers only, or turn it off completely.
Works on any HubSpot template. No theme dependency. No jQuery. No Chart.js. Pure vanilla JavaScript with zero external CDN calls.
Features
Six Chart Types from One Module
Bar, horizontal bar, line, area, pie, and donut charts. Enter data through repeater fields or enable multi-series mode with comma-separated values. Smooth curved lines, gradient area fills, chunky rounded bars, and clockwise pie animation on scroll.
9 Color Palettes + Full Custom Control
Pick from Default, Ocean, Sunset, Forest, Violet, Monochrome, Corporate, Pastel, or Bold. Or select Custom and set 8 individual colors. Every palette auto-assigns colors to data points and cycles if you have more than 8 items.
50+ Style Fields, Zero Code
Every visual property controlled from the editor. Container, borders, shadows with color picker, fonts, grid lines, tooltips, legend, data table styling, and responsive breakpoints. Build any look from light to dark to branded. No CSS needed.
About Module
Total installs Fewer than 10 Created - Apr 6, 2026
Version 1 - Apr 6, 2026
Categories Tags
Requirements
HubSpot Subscription Works with all HubSpot plans
Contact Studio Nope
Legal Stuff
Please refer to the developer's Privacy Policy and Terms for more information.
Support
Studio Nope
- Romania
Visit website
Studio Nope designs and builds fast, clean HubSpot CMS websites and custom themes for teams that care about performance, editing experience, and reliable tracking.
Unlimited email support
Studio Nope typically responds in
- Monday
9:00 AM - 5:00 PM (EET) - Tuesday
9:00 AM - 5:00 PM (EET) - Wednesday
9:00 AM - 5:00 PM (EET) - Thursday
9:00 AM - 5:00 PM (EET) - Friday
9:00 AM - 5:00 PM (EET)
