.. _canvas_framework:

################
Canvas Framework
################

**Reusable, explorable, and sharable data science components**

Canvas is a framework for composing interactive machine learning interfaces with task-specific, data-driven components that can be used across platforms such as computational notebooks and web dashboards. 

.. raw:: html

    <video width="100%" controls poster="../_static/22-canvas-chi.png">
      <source src="../_static/Canvas.mp4" type="video/mp4">
    Your browser does not support the video tag.
    </video>

----

This code is based on the following `research paper <https://machinelearning.apple.com/research/composing-interactive-interfaces>`__:

| **Symphony: Composing Interactive Interfaces for Machine Learning**
| Alex Bäuerle*, Ángel Alexander Cabrera*, Fred Hohman, Megan Maher,
| David Koski, Xavier Suau, Titus Barik, Dominik Moritz
| *ACM Conference on Human Factors in Computing Systems (CHI), 2022.*
| `Paper <https://arxiv.org/abs/2202.08946>`__, `Code <https://github.com/apple/ml-symphony/>`__, `Preview <https://www.youtube.com/watch?v=Wf-YRBsI-wA>`__, `Video <https://www.youtube.com/watch?v=0Q3wIh3AiPs>`__ \*Contributed equally

*****************
Overview
*****************

Check out the :doc:`start` page to install and use Canvas, or browse our :doc:`examples` to get an idea of the types of analyses Canvas enables.

If you want to create your own component, check out our :doc:`creation` page, or explore the Canvas code at our `GitHub repo <https://github.com/betterwithdata/ml-canvas>`__. 
    
*****************
Table of Contents
*****************

..  toctree::
    :maxdepth: 1

    start
    components
    creation
    state
    common
    examples
    api