Category: Charts

Creating a Bar Graph with CSS Grid

If you’re looking for more manageable ways to create bar graphs, or in search of use cases to practice CSS Grid layout, I got you! Before we begin working on the graph, I want to talk about coding the bars, when Grid is a good approach for graphs, and we’ll also cover some code choices you might consider before get...

How to Create Interactive JavaScript Charts from Custom Data Sets

Charts are a great way of visualizing complex data quickly and effectively. Whether you want to identify a trend, highlight a relationship, or make a comparison, charts help you communicate with your audience in a precise and meaningful manner. In my previous article — Getting Started with AnyChart: 10 Practical Exam...

Getting Started with AnyChart — 10 Practical Examples

If your website is data-intensive, then you will need to make that data easy to visualize, normally by means of a JavaScript charting library. However such libraries a dime a dozen and they all have slightly different capabilities, so how do you know which is the best fit for you? In this article, I’m going to pr...

SVG Charting Libraries

I rounded up the ones I know about, mentioned a bunch of considerations you might want to think about when choosing, and linked up some demos. And don’t forget you can create them by yourself, too! Direct Link to Article — PermalinkSVG Charting Libraries is a post from CSS-Tricks ...

An Introduction to Chart.js 2.0 — Six Simple Examples

If your website is data-intensive, then you will need to find a way to make that data easy to visualize. Humans, after all, are not wonderful at understanding long lists of raw numbers. That’s where charts and graphs come in — they can make complicated statistical relationships obvious and intuitive, as well as...

Chart.js – Flexible JavaScript Charting for Developers

Advertise here via BSA Chart.js is a simple yet flexible JavaScript charting for designers & developers. Chart.js merges configurations and options in a few places with the global defaults using chart type defaults and scales defaults. This way you can be as specific as you want in your individual chart configs, ...

Chartd – Responsive and Retina-Compatible Charts

Advertise here via BSA At StatHat, they make a lot of charts. They creates dynamic, autoupdating charts using JavaScript, but we also send charts via email and to external services like Campfire and Slack. Plus, they let users embed charts on their own web pages. For these situations, JavaScript charts either won&#...