Charting and You
At some point, you'll be called upon to prepare a series of graphs, or charts for your business. It's scary at first; where do you even begin? But, luckily, you'll find that, thanks to tools like Chart.js, it has never been easier to accomplish such a task. I'll show you how, one easy-to-understand step at a time.
Series episodes
Line Graph in 5 Minutes
5m 3sCreate a simple line graph in 5 minutes using Chart.js. Follow along with easy steps and access the full source code on JSBin.
Leveraging NPM, Browserify, and Elixir
3m 6sDiscover how to use NPM, Browserify, and Elixir to build modern ES6+ workflows with Chart.js for efficient, cutting-edge JavaScript development.
A Graph Vue Component
8m 41sBuild a reusable Graph Vue component to streamline your app’s structure. Perfect for those familiar with Vue from Laracasts’ Vue series.
Legends
7m 29sLearn how to generate and style Chart.js legends, then seamlessly insert them into the DOM for clear, informative data visuals.
Dedicated Graph Vue Components
15m 18sBuild a master Graph Vue component to extend and customize specific graphs, making your app’s data visualization flexible and reusable.
Render Monthly Revenue
10m 15sLearn to query and render monthly revenue data in a graph component. Master grouping and summing for clear, insightful company reports.
Graphs and AJAX
10m 37sLearn how to fetch dynamic graph data with AJAX using Vue Resource. Add a URL prop to your graph component for seamless data loading.
Dynamic Graphs
16m 55sLearn how to create dynamic graphs that update revenue ranges on the fly—no page reload needed—for interactive, real-time data visualization.
