Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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:

            SVG Sorry, your browser does not support inline SVG.

HTML Canvas

The HTML <canvas> element element is used to draw graphics, on the fly, with JavaScript:

Your browser does not support the <canvas> element.

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.