HubSpot CMS | Digitized whitepaper with HubDB data visualization

Digitized whitepaper with HubDB data visualization

A user-friendly and interactive digitized whitepaper with HubDB data visualization using ChartJS and Javascript. It also uses a NodeJS application to sync data from Google Spreadsheets to HuBDB.

Visit Website

Submit your work to Inspire

Show the world the great work you're doing on HubSpot Content hub and gain visibility to your company or agency.

Have questions about submitting to Inspire? click here

Submission Title *(60 characters max)

Short description *(250 characters max)

URL *

Google PageSpeed URL (optional)Submit your site on Google PageSpeed Insights and provide the results link.

Company Name *

Company Logo *The logo must be at least 100x100 pixels and must have a square profile

What industry does your submission fit into? *

What region does your submission fit into? *

What company size does your submission fit into? *

What functionality does your submission provide? *(1 required, add up to 5 max)

Project overview *(500 characters max)

Describe the problem the company was experiencing *(250 characters max)

Image of the original website or functionality (optional)

Describe the solution that was built to solve the problem *(500 characters max)

What HubSpot products were used? *

What were the results after launching the solution (can be shared publicly) *(250 characters max)

Images*Up to 9 images - (1000px minimum, maximum 10MB and maximum 19.5:9 ratio)

Image description (optional)(250 characters max)

Video URL (optional)Youtube, Vimeo, Wistia or Vidyard URL

Video description (optional)(250 characters max)

Email *

HubSpot Solution Partner Directory profile URL (optional)

I have read and agree to the HubSpot Inspire terms of service. *

If you are an agency submitting work created on the behalf of a client or other third party, you are certifying that you have the appropriate permissions and rights to submit content to be displayed on Inspire.com. You agree that HubSpot shall have no liability for your failure to secure such permissions and rights with respect to your submission made in this manner.

* fields are required

Introduction to tell the visitor what the page is about.

Details:

Company name:

Bureau Bright B.V.

Web Design Agency:

Name:

Bright Digital

All examples from: Bright Digital

Reviews:

105 Reviews

HubSpot Solution Partner Tier:

Diamond

Overview:

Our client asked us to create a user-friendly and interactive digitized version of the whitepaper they normally send to their clients as a PDF. We created different visualizations of the data by using ChartJS. We added interactive elements to these charts so the visitor can choose a specific period or hide data from line charts. We also made sure the site was working perfectly on different devices and browsers. We created a clean and interactive visualization of the data stored in HubDB.

Problem the company had:

Our client had to manually create a whitepaper every quarter of a year based on data from Google Spreadsheets. They wanted a user-friendly and interactive way to display this data in HubSpot.

The Hubspot CMS solution:

Because our client did not want to manually update the data in both HubSpot and spreadsheets they also asked us to create a sync between HubSpot (HubDB) and spreadsheets. We did so by creating a NodeJS application that reads the data from spreadsheets using the Google Spreadsheet API and stores the data in HuBDB using the HubDB API. This NodeJS application runs every night using the node-cron npm package.

Results:

The website page has only been published today (20-05-2021) but it decreased the amount of effort our client had to go through to create this benchmark every quarter of a year.