bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch

Loading lesson path

Learn/AI

AI

JS Graphics

JS Graphics focused on JavaScript Graphics and related concepts.

Lesson 1visual

JavaScript Graphics

Graphic Libraries JavaScript libraries to use for both Artificial Intelligence graphs and other charts: Canvas Plotly.js Chart.js Google Chart D3.js Plotly.js Plotly.js is a charting library that com…

2 min
Read lesson →
Lesson 2visual

HTML Canvas

HTML Canvas is perfect for Scatter Plots HTML Canvas is perfect for Line Graphs HTML Canvas is perfect for combining Scatter and Lines Scatter Plots Source Code const xArray = [50,60,70,80,90,100,110…

3 min
Read lesson →
Lesson 3visual

Plotly.js

Plotly.js is a charting library that comes with over 40 chart types, 3D charts, statistical graphs, and SVG maps. Scatter Plots Source Code const xArray = [50,60,70,80,90,100,110,120,130,140,150]; co…

3 min
Read lesson →
Lesson 4visual

Chart.js

Chart.js is a free JavaScript library for making HTML-based charts. It is one of the simplest visualization libraries for JavaScript, and comes with the following built-in chart types: Scatter Plot L…

3 min
Read lesson →
Lesson 5visual

Google Chart

From simple line charts to complex hierarchical tree maps, the Google Chart gallery provides a large number of ready-to-use chart types: Scatter Chart Line Chart Bar / Column Chart Area Chart Pie Cha…

2 min
Read lesson →
Lesson 6visual

D3.js

D3.js is a JavaScript library for manipulating HTML based on data. How to Use D3.js? To use D3.js in your web page, add a link to the library: <script src="//d3js.org/d3.v3.min.js"></script> D3.js is…

2 min
Read lesson →