HTML Graphics
SVG (Scalable Vector Graphics)
SVG defines vector-based graphics in XML, which can be directly embedded in HTML pages.
SVG graphics are scalable, and do not lose any quality if they are zoomed or resized:
HTML Canvas
The HTML <canvas> element element is used to draw graphics, on the fly, with JavaScript:
The graphic above shows four elements: a red rectangle, a gradient rectangle, a multicolor rectangle, and a multicolor text inside a <canvas> element.
Plotting
JavaScript libraries are used for both Artificial Intelligence graphs and other charts:
- Plotly.js
- Chart.js
- Google Chart
- D3.js
Here is an example of a 3D pie made with Google Chart:
Google Maps
Google Maps lets you embed maps in HTML pages.
HTML + JavaScript Game
Learn how to make a game with HTML and JavaScript.
