visualization

of ai

models

This Interactive AI Demo below is a dynamic, user-friendly application showcasing real-time image classification capabilities. Visitors can interact directly with advanced machine learning models by uploading images and viewing immediate predictions and visualized results. This demonstration highlights my skill in seamlessly integrating AI technology into engaging, accessible web interfaces.

Interactive AI Demo

Drag & Drop Image Here
Upload an image

Classify Image to test machine learning

Drag and drop an image from your computer or click the dotted line to select a file

Technicals

This AI demo was developed using HTML, CSS, JavaScript, TensorFlow.js, and Chart.js. Users can select between two machine learning models:

  • MobileNet: Known for lightweight, rapid image classification.

  • EfficientNet: Recognized for higher accuracy with more complex models.

The interface offers intuitive drag-and-drop or traditional file uploads for images. Once an image is uploaded, users trigger the AI model to classify it, after which the top predictions and corresponding probabilities are displayed.

Results are visualized using Chart.js to provide clear graphical representation through bar charts, enhancing interpretability. The layout is styled with modern CSS, ensuring visual appeal, responsiveness, and usability.