Skip to content

Latest commit

 

History

History

custom_element_demos

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
angular
angular
 
 
nextjs
nextjs
 
 
vanilla_js
vanilla_js
 
 
vanilla_ts
vanilla_ts
 
 
README.md
README.md
 
 

README.md

Demos for Model Explorer Visualizer NPM package

This directory contains four demos showcasing the usage of the <model-explorer-visualizer> custom element from the ai-edge-model-explorer-visualizer npm package in different JavaScript frameworks and environments. See their respective README.md files for more details. Here is a summary:

Vanilla JS:

  • Use <model-explorer-visualizer> in plain JavaScript.
  • How to set custom location for static files needed by the visualizer.

Vanilla TS:

  • Use <model-explorer-visualizer> in plain TypeScript.
  • How to set custom location for the worker script needed by the visualizer.

Next.js:

  • Use <model-explorer-visualizer> in a Next.js application.
  • Imports the visualizer module within a useEffect hook.

Angular:

  • Use <model-explorer-visualizer> in an Angular application.
  • Includes a left-side panel showcasing various visualizer APIs.