> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cellulose.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Setting up your dashboard

> Create your Cellulose account and visualize a model in under 5 minutes.

## Creating a Cellulose Account

Let's start by creating an account!

<Frame caption="Signup Form">
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/register.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=6ad140f7e6e6f35de5770cbef8e67af2" alt="Signup" width="1144" height="1266" data-path="images/register.png" />
</Frame>

And log back into Cellulose.

<Frame caption="Login Form">
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/login-cellulose.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=c41a840b8d23c530dfe5c00eaa74c3fa" alt="Login" width="1168" height="882" data-path="images/login-cellulose.png" />
</Frame>

## Getting to know your Home Page

All your tracked machine learning models will be displayed here in your home
page.

<img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/home.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=3b598b05fc5e8d62588b2d4be4a17c5a" alt="Homepage" width="2866" height="1186" data-path="images/home.png" />

## Uploading your first ONNX model

For this example, let's [download a ResNet-18 ONNX file](https://github.com/onnx/models/blob/main/vision/classification/resnet/model/resnet18-v2-7.onnx)
and upload it as your first model.

Click on the "+ New Model" button at the bottom right your dashboard

<Frame>
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/models/create-onnx-model.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=bdb99ccc1ba0bfab13ae66f75745d9f0" alt="Create Model" width="356" height="130" data-path="images/models/create-onnx-model.png" />
</Frame>

then upload it in the modal form

<img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/models/upload-onnx-model.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=85c447a5842f7294306f601f7f777930" alt="Upload Model" width="1236" height="632" data-path="images/models/upload-onnx-model.png" />

<img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/models/uploading.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=31c47e71a47d7c2e1354ed57c8d6988c" alt="Uploading Model" width="1770" height="764" data-path="images/models/uploading.png" />

<Note>
  It may take a while before the model shows up in the table view as our
  backend workers furiously unroll the ONNX model protobuf. We're working
  on improvements to make it faster so stay tuned for more!
</Note>

## Visualizing your first ONNX model

Congrats! you've uploaded your first model onto the Cellulose platform!
Let's move on to the fun part - visualizing it :)

Click on the model name to proceed.

<Frame>
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/navigate-to-model-editor.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=bf565b04b29523ed34c0fe53ee8fe445" alt="Navigating to ONNX Model Editor" width="3768" height="1426" data-path="images/navigate-to-model-editor.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/models/resnet-model-graph.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=6d04914845089e8ce52b3eac45f7dfbf" alt="ResNet model graph" width="3824" height="1664" data-path="images/models/resnet-model-graph.png" />
</Frame>

You'll now see the ONNX graph being rendered, where an output of a given node
serve as input(s) to others in a graph runtime.

## Inspecting a Node

You may click on the node itself to gather more details about the node.

<Frame>
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/models/navigate-to-op-details.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=38f9768f336f9eeb274b020a32489708" alt="Inspecting a node" width="3810" height="1546" data-path="images/models/navigate-to-op-details.png" />
</Frame>

A drawer should slide out from the right where you'll also get basic
information such as its `name`, `domain` or `doc string`, if present.

<Frame>
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/models/op-type-details.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=ebc0b69f0dc7d728610fb11fd388a419" alt="Node Drawer" width="1770" height="1766" data-path="images/models/op-type-details.png" />
</Frame>

## Understanding Node Inputs / Outputs / Attributes

Let's dive a little deeper into all the inputs and outputs associated with a
BatchNormalization operation below as an example.

We tried to make this a little simpler by organizing them into tabs. As of this
writing, these are *Inputs*, *Outputs*, *Attributes*, *Sample Output Values* and
*Fused*.
We'll go into each of them in the sections below.

Each operator will always have a set of input(s) and output(s). The input(s)
of a node may consist of:

1. Tensor initializers with real values, and/or
2. An input that happen to also be the output of an upstream node.

<Frame caption="Input tab">
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/ops/input-details.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=1e6e8b6b044298423b66fed608793041" alt="Node Inputs" width="1752" height="1044" data-path="images/ops/input-details.png" />
</Frame>

<Frame caption="Output tab">
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/ops/output-details.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=822a5e3005fed05f7012aa0ccb37917c" alt="Node Outputs" width="1728" height="1042" data-path="images/ops/output-details.png" />
</Frame>

Some nodes / operators will also have attributes like in this BatchNormalization
example:

<Frame>
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/ops/attribute-details.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=25fedc39dbfdcfe01b9d17a98701878b" alt="Node Attributes" width="1744" height="1040" data-path="images/ops/attribute-details.png" />
</Frame>

## Viewing / Copying Node Initializer Values

Click on the "Show Values" of one of the inputs

<Frame>
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/ops/go-to-initializers-input-details.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=357c324ae1b89019d2c089f2aafc1a78" alt="Navigating to Node Initializers" width="1752" height="1044" data-path="images/ops/go-to-initializers-input-details.png" />
</Frame>

This should bring up a modal overlay with even more details about that
particular initializer.

<Frame>
  <img src="https://mintcdn.com/cellulose/EXUnoSFrFOlOMt19/images/ops/initializer-details.png?fit=max&auto=format&n=EXUnoSFrFOlOMt19&q=85&s=3ce13cbcf5f3ddddd2942a3b877e1a19" alt="Navigating to Node Initializers" width="2018" height="1406" data-path="images/ops/initializer-details.png" />
</Frame>

Well done! Now you've dabbled with the core functionalities of the Cellulose
dashboard. Feel free to browse the other documentation sections for more details.

## Have questions / need help?

Please reach out to [support@cellulose.ai](mailto:support@cellulose.ai), and we'll get back to you as soon
as possible.
