Canvas API Courses and Certifications

Android Makers

Android Graphics: The Path to UI Riches - Lecture

Découvrez des techniques avancées pour créer des effets visuels impressionnants et améliorer la qualité graphique de vos applications Android.

• YouTube
• 42 minutes
• Self-Paced
• Free Video

Chart JS

Adding Text In and Around Doughnut Charts with Chart.js 4

Master the technique of adding custom text elements inside and around doughnut charts using Chart.js 4, enhancing data visualization with clear annotations and labels.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

Chart JS

Creating Line and Text in Center of Doughnut Charts with Chart.js 4

Master the creation of centered text and lines in Chart.js 4 doughnut charts using custom plugins, trigonometry, and precise positioning techniques for enhanced data visualization.

• YouTube
• 20 minutes
• Self-Paced
• Free Video

Chart JS

Creating Overlapping Doughnut Chart Segments in Chart JS 4

Master advanced doughnut chart customization in Chart.js 4 by implementing overlapping segments using plugins and circle-drawing techniques for enhanced data visualization.

• YouTube
• 32 minutes
• Self-Paced
• Free Video

Chart JS

Drawing Pointers on Half Doughnut Charts with React Chart.js and Chart.js 4

Master the creation of pointer indicators on half-doughnut charts using React Chart.js 4, enhancing data visualization with custom drawing techniques and interactive elements.

• YouTube
• 23 minutes
• Self-Paced
• Free Video

Chart JS

Creating Target Pointers in Doughnut Charts with Chart.js 4

Master the creation of rotating target pointers in Chart.js 4 doughnut charts through step-by-step implementation and practical coding techniques.

• YouTube
• 29 minutes
• Self-Paced
• Free Video

Chart JS

Creating Custom X Scale with Multiple Labels in Chart JS 4

Master advanced Chart.js 4 techniques to build custom x-scales with multiple labels through plugin development, data point extraction, and label customization for enhanced data visualization.

• YouTube
• 25 minutes
• Self-Paced
• Free Video

Chart JS

Creating a Speed-o-Meter Chart in Chart.js 4

Master the creation of animated speedometer charts using Chart.js 4, including needle implementation, value tracking, and smooth animations for dynamic data visualization.

• YouTube
• 26 minutes
• Self-Paced
• Free Video

Chart JS

How to Highlight Specific Lines on Hover in Chart.js 4

Master advanced Chart.js 4 techniques to create interactive line charts with hover highlighting effects, using tooltips and dataset manipulation for enhanced data visualization.

• YouTube
• 27 minutes
• Self-Paced
• Free Video

Chart JS

Creating Custom Data Labels Besides Bar Charts in Chart JS 4

Master the creation of custom data labels alongside bar charts in Chart.js 4, including text rotation techniques and precise positioning for enhanced data visualization.

• YouTube
• 20 minutes
• Self-Paced
• Free Video

Chart JS

Creating Sankey Charts in Chart.js 4 - A Step-by-Step Tutorial

Learn how to implement Sankey charts in Chart.js 4 using the Chartjs-chart-sankey plugin to visualize data flows between nodes with clear, step-by-step guidance.

• YouTube
• 14 minutes
• Self-Paced
• Free Video

Chart JS

Creating Total Sum Values for Horizontal Bar Charts in Chart JS 4

Learn how to display total sum values atop horizontal bar charts in Chart.js 4, including handling hidden datasets and recalculating x-coordinates for accurate data visualization.

• YouTube
• 16 minutes
• Self-Paced
• Free Video

Chart JS

Adding Total Sum Custom Data Labels for Stacked Bar Charts in Chart.js 4

Learn how to implement custom total sum data labels for stacked bar charts in Chart.js 4, enabling dynamic recalculation of visible values and enhanced data visualization capabilities.

• YouTube
• 19 minutes
• Self-Paced
• Free Video

Chart JS

Adding Icons on Top of Chart Area in Chart JS 4

Learn how to customize Chart.js 4 by adding FontAwesome weather icons on top of chart areas using custom plugins and legend positioning techniques.

• YouTube
• 17 minutes
• Self-Paced
• Free Video

Chart JS

Creating Gauge Charts with Needle in Chart.js 4 - Part 5

Master advanced gauge chart creation in Chart.js 4, focusing on needle implementation through custom plugins and specialized configuration settings for dynamic data visualization.

• YouTube
• 10 minutes
• Self-Paced
• Free Video