Grafika darsligi
SVG (Scalable Vector Graphics)
SVG vektor asosidagi grafikani XML’da belgilaydi; bunday grafikani to‘g‘ridan-to‘g‘ri HTML sahifalarga joylashtirish mumkin.
SVG grafikasi masshtablanuvchan bo‘lib, kattalashtirilganda yoki o‘lchami o‘zgartirilganda sifatini mutlaqo yo‘qotmaydi:
HTML Canvas
HTML <canvas> elementi JavaScript yordamida grafikani dinamik chizish uchun ishlatiladi:
Yuqoridagi grafikada <canvas> elementi ichidagi to‘rtta element ko‘rsatilgan: qizil to‘rtburchak, gradientli to‘rtburchak, ko‘p rangli to‘rtburchak va ko‘p rangli matn.
Grafik chizish (plotting)
JavaScript kutubxonalari sun’iy intellekt grafiklari uchun ham, boshqa diagrammalar uchun ham ishlatiladi:
- Plotly.js
- Chart.js
- Google Chart
- D3.js
Quyida Google Chart yordamida yaratilgan 3D doiraviy diagramma misoli keltirilgan:
Google Maps
Google Maps HTML sahifalarga xaritalarni joylashtirish imkonini beradi.
HTML + JavaScript o‘yin
HTML va JavaScript yordamida o‘yin yaratishni o‘rganing.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!