Discover the best chart websites created by professional designers. Get inspired and start planning your perfect chart web design today!

Halo Lab

Circle is a platform where you can learn everything you need to know to launch a successful e-commerce start up. On such a platform, you can study core topics as management, finance and creating websites.

Сircle Website

Memberstack

Hey Webflowers!

Now, you can build out user-specific pages on your website that are only accessible to one client. We've received quite a few requests for a "client dashboard" from agencies and freelancers, and this is what we've come up with. Feel free to use the template as is for a future client, or change anything you like!

The entire site is built in Webflow, the charts use chart.js + some custom code, CMS is optional, and the login and signup pages are regular Webflow forms.

------------ 

To get started - create a free MemberStack account, and add the URL of your new site during setup. You can select "Start from Template" to load in most of the settings from user-dashboard.webflow.io

#8 - Client Dashboard Template - ZERO CODE 🤯

On this website for Investment Platform, you can explore and buy modern art. The company is aiming to attract young adults who want to invest in digital NFT art. Its goal is to make investing accessible globally and popular among people in their twenties.

AIG Investment

Gig Share is for those who want to share big ideas with the world. It provides secure file storage and sharing infrastructure. Sending large files safely, sharing content with coworkers or family, and fast switching between different tools is easy with Gig Share.

Gig Share

Interior design can visually expand space, change your mood and make you feel at rest or on the contrary, more energetic. When you are surrounded by beauty, it changes your way of thinking. The interior design studio gives a helping hand to create a stylish and cozy home.

In this time of uncertainty, it is important to invest in your future. 
Using the website, anyone can find investment opportunities that have the best potential to give a return. It will recommend a firm portfolio for any taste and fortune.

Go Trade

Fuel is an expensive product, but not when we talk about Gizer. With Gizer you can find the cheapest energy supplier and not only save your money but our planet too. Make your car rides less harmful to the environment.

Gizer

“Survey analytics” helps businesses take maximum advantage from modern technology. Automating data analysis with artificial intelligence means leaving the rivals far behind. AI’s potential is not discovered completely so that is just a beginning of the story.

Survey Analytics

Tonic

Easily create and customise Chart.js doughnut charts with this template. Just copy the code from the head of the page, and from the embed on the page and make it your own. There's a tutorial up on YouTube if you get stuck with editing the code – https://youtu.be/iHgbMRAd1tw

Chart.js for Webflow [CLONEABLE]

Details matter! Add simple footer animation created in Webflow to your website. 

Сheck out more:
 👉 dribbble.com/halolab
 👉 instagram.com/halolabteam
 —
We provide design-driven development of your product for years to come. Our team focuses on UI/UX design, web development, branding & marketing

Footer with automatic color change

Winter Holidays are over, but we wanted to save warm memories about the celebration. The website is our message to the future for ourselves. New Year’s resolutions, dreams and wishes won’t get lost if you save them on the virtual Christmas Tree.

Christmas History

Jin Chuah

This is a collection of fully customizable, animated Gauge & Progress Circle for data visualization or dashboard. You can customize:
- color
- stroke width
- stroke linecap
- stroke length (percentage)

All done natively in Webflow with IX2 and just a few lines of CSS. Just copy and paste one of the modules and start customizing!

If this made your day, consider https://www.buymeacoffee.com/jinchuah

Data Visualization : Gauge & Progress Circle Animation (Lottie)

Aviv Shwartz

A short tutorial on how to implement a ChartJS plugin in a webflow project

ChartJS in Webflow

Elliot Rylands

Hi all. 
Here's a pretty nifty way to incorporate simple Chart.js features into your Webflow workflow. 

1) Add a div, and chuck an HTML Embed inside the div. 
2) Apply the chart id - eg: <canvas id="myChart"></canvas>. 
3) Inside the HTML Embed (below the canvas tag), chuck in the Chart.JS CDN (grab latest CDN links here: https://cdnjs.com/libraries/Chart.js ).
4) Apply the script content again in the HTML Embed, for example 
<script>
var myPieChart = new Chart(ctx, {
    type: 'pie',
    data: data,
    options: options
});
</script>

Head over to https://www.chartjs.org/ for a comprehensive insight into it's usability, and feel free to clone this if you want to play around with it inside Webflow.

Chart.js X Webflow Integration

Joe Wolf

First shot at presenting data from a collection using a dynamic Grid Table & Bar Chart together with linked filter. Used only black for bars, but the collection list allows for multicolor.  Any feedback would be great. If any one can explain to me how to get the bar chart to work horizontally much appreciated.

dynamic-cms-grid-table-ba-499290e946135

Nelson Abalos Jr

Great for comparing different features and tiers of a product

overflow-pricing-chart

Rodion Slabinskyi

Financial Manager - Landing Page
Desktop version

Want a similar project?

I'm available for work:
66desband@gmail.com

Portfolio and information about me:
http://surl.li/bleyh

Discover chart websites built by the Webflow community

Discover chart websites built by the Webflow community