Using Chart.js plugins with webpack

This page summarizes the projects mentioned and recommended in the original post on dev.to

CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  1. jsbundling-rails

    Bundle and transpile JavaScript in Rails with esbuild, rollup.js, bun, or Webpack.

    I'm trying to write this in a framework agnostic way, but the fact is I'm using webpack in a Ruby on Rails app (via jsbundling-rails), so there will be some specifics that may differ from someone else's approach.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. Chart.js

    Simple HTML5 Charts using the <canvas> tag

    This post shares the steps I took to include Chart.js with candlestick charts (using a plugin) on my weekend/pet project. I'm using webpack to bundle its JavaScript code & dependencies.

  4. react-chartjs-2

    React components for Chart.js, the most popular charting library

    Note: If you're using React or Vue there's a good chance you'll be better off installing and using a React wrapper or Vue wrapper.

  5. vue-chartjs

    📊 Vue.js wrapper for Chart.js

    Note: If you're using React or Vue there's a good chance you'll be better off installing and using a React wrapper or Vue wrapper.

  6. webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

    This post shares the steps I took to include Chart.js with candlestick charts (using a plugin) on my weekend/pet project. I'm using webpack to bundle its JavaScript code & dependencies.

  7. Ruby on Rails

    Ruby on Rails

    I'm trying to write this in a framework agnostic way, but the fact is I'm using webpack in a Ruby on Rails app (via jsbundling-rails), so there will be some specifics that may differ from someone else's approach.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • How to build tree-shakeable JavaScript libraries

    7 projects | dev.to | 14 Sep 2022
  • ✌🏽4 Graphics Libraries Tools for React Developers in 2025 💹📊

    3 projects | dev.to | 28 Dec 2024
  • My Power Platform - Your Year in a Dashboard

    1 project | dev.to | 15 Dec 2024
  • Phoenix LiveView, hooks and push_event: json_view

    2 projects | dev.to | 10 Dec 2024
  • What are npm Peer Dependencies and how to use them?

    5 projects | dev.to | 13 Oct 2024

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?