1/5 - Four chart types in a 2-column layout — bar, line, donut, and horizontal bar
Overview
Chartify adds bar, horizontal bar, line, area, pie, and donut charts to any HubSpot page — without external libraries, coding, or theme dependencies.
Every chart renders as pure SVG: sharp on retina displays, lightweight, with no scripts loaded from CDNs. Hover any data point for live tooltips. Choose from four animation styles — Grow, Fade, Slide, or None — triggered on scroll or on page load.
What makes it different:
Zero dependencies. No Chart.js, no D3, no external scripts. Nothing that can break or slow your page down.
Configured entirely in the editor. Enter labels and values as comma-separated text. No code, no JSON files, no template edits.
Content and Style tabs. Data, titles, and animations in Content. Colors, spacing, typography, and layout in Style — with separate desktop and mobile values for padding, gap, and alignment.
Works on any HubSpot site. No active theme required. Heading color and fonts inherit from your active theme by default and can be overridden per instance.
Add up to 12 charts per module instance, each independently configured. Arrange them in single, two-column, three-column, or auto-fit layouts. Each chart has its own title, subtitle, legend position, value prefix/suffix, and animation settings.
Features
Six chart types, zero external scripts
Bar, horizontal bar, line, area, pie, and donut — all rendered as pure SVG. No Chart.js, no D3, no CDN scripts. Cleaner pages, faster loads, and no third-party dependencies that can break or slow things down.
All data entered in the HubSpot editor
Labels and values are comma-separated text fields — no code or JSON. Add up to 6 datasets per chart and up to 12 charts per module instance. Titles, subtitles, legends, prefixes, and suffixes all configurable.
Scroll-triggered animations on every chart
Four animation styles — Grow, Fade, Slide, and None — each triggerable on scroll or page load. Built with CSS transitions and requestAnimationFrame. Respects prefers-reduced-motion for accessibility compliance.
Responsive with per-breakpoint controls
Multi-column layouts collapse automatically on screens below 960px. Section padding, gap between charts, and heading alignment each have separate desktop and mobile values — set directly in Style tab fields.
About Module
Total installs Fewer than 10 Created - Sep 15, 2026
Version 1 - Sep 15, 2026
Categories Tags
Requirements
HubSpot Subscription Works with all HubSpot plans
Contact webbro.cc
Legal Stuff
Please refer to the developer's Privacy Policy and Terms for more information.
Support
webbro.cc
- Pattaya City, Bang Lamung District, Chon Buri 20150, Thailand
Visit website
At webbro.cc, we specialize in creating tailored solutions for the HubSpot platform, empowering businesses to achieve their digital goals. Our expertise spans a wide range of services, including the development of custom modules, templates, integrations, and fully functional websites. We offer both ready-made solutions to fast-track your success and bespoke services to align perfectly with your unique requirements. Beyond development, we provide expert consultations and hands-on assistance with setup and optimization. Our commitment to your success extends to technical support, including SEO enhancements and advanced web security measures, ensuring your HubSpot-powered website is not only high-performing but also secure and search-engine friendly. Let us help you elevate your HubSpot experience with innovative, reliable, and professional solutions!
Unlimited email
webbro.cc typically responds in
- Monday
9:00 AM - 6:00 PM (+07) - Tuesday
9:00 AM - 6:00 PM (+07) - Wednesday
9:00 AM - 6:00 PM (+07) - Thursday
9:00 AM - 6:00 PM (+07) - Friday
9:00 AM - 6:00 PM (+07)
