Top 4 datavi Open-Source Projects

• react-chartjs-2

  36 6,415 3.5 TypeScript

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

  

Project mention: How To Create a Chart From a Dynamic Dataset in Next JS Using Chart.js | dev.to | 2024-01-05

Chart JS is a great choice for creating charts as it has multiple visualizations. There are different integrations for the JS frameworks, and we shall use react-chart-js-2 library for Next JS.

• AnyChart

  31 374 3.4 JavaScript

  AnyChart is a lightweight and robust JavaScript charting solution with great API and documentation. The chart types and unique features are numerous, the library works easily with any development stack.

  

Project mention: Creating Interactive Calendar Charts in JavaScript | dev.to | 2024-03-01

We'll delve into this process using a JavaScript charting library. As a support engineer at AnyChart, and with our JS library recently named best in data visualization, it was a natural choice to use our tool for this tutorial. What about the example data? Other tutorials! There's a treasure trove of JS charting tutorials on our blog, and it occurred to me that compiling these tutorials into a calendar chart would serve as a unique, engaging, and practical example for this guide.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• linefont

  2 312 8.3 JavaScript

  Font for rendering line chart data

Project mention: Linefont: Font for rendering line chart data | news.ycombinator.com | 2024-01-28

Not to be too negative, but this seems quite inaccessible to anyone using a screen reader or other non-visual output device. Unlike with SVGs or images, there seems to be no way to provide an alternative representation?

Similar to the inaccessibility of icon fonts, but those tend to use private use character codes rather than actual readable text; reading the example page [1] with a screen reader is... not a great experience.

[1]: https://dy.github.io/linefont/scripts/

• CardMap

  1 0 0.7 Jupyter Notebook

  Code to plot cardmarket orders on a map to show where my MtG cards ended up

  

datavis related posts

• Creating Interactive Calendar Charts in JavaScript

  1 project | dev.to | 1 Mar 2024

• Linefont: Font for rendering line chart data

  2 projects | news.ycombinator.com | 28 Jan 2024

• How to Create an OHLC Chart in JavaScript

  1 project | dev.to | 20 Nov 2023

• How to Build a Waterfall Chart with JavaScript

  1 project | dev.to | 1 Nov 2023

• How to Create a Pie Chart in JavaScript: IPL Winnership

  1 project | dev.to | 30 Sep 2023

• Building a Bubble Chart (JS): Top 30 Most-Liked YouTube Videos

  1 project | dev.to | 2 Aug 2023

• 📊 How to Create Pareto Charts in JavaScript 📈

  1 project | dev.to | 12 Jul 2023
• A note from our sponsor - SurveyJS
  surveyjs.io | 21 May 2024

  With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com