HTML Graphics - W3Schools

HTML Graphics ❮ Previous Next ❯

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.

❮ Previous Next ❯ +1 Track your progress - it's free! Log in Sign Up

Từ khóa » Html Css Graphic