Fixing the tutorial
BIN
_images/caravel.jpg
Normal file
|
After Width: | Height: | Size: 144 KiB |
BIN
_images/created.png
Normal file
|
After Width: | Height: | Size: 190 KiB |
BIN
_images/db_added.png
Normal file
|
After Width: | Height: | Size: 245 KiB |
BIN
_images/db_menu.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
_images/db_plus.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
_images/explore.png
Normal file
|
After Width: | Height: | Size: 133 KiB |
BIN
_images/in_new_dash.png
Normal file
|
After Width: | Height: | Size: 128 KiB |
BIN
_images/matrix.png
Normal file
|
After Width: | Height: | Size: 141 KiB |
BIN
_images/new_dash.png
Normal file
|
After Width: | Height: | Size: 49 KiB |
BIN
_images/pen.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
_images/search.png
Normal file
|
After Width: | Height: | Size: 106 KiB |
100
_sources/tutorial.txt
Normal file
@@ -0,0 +1,100 @@
|
||||
Tutorial
|
||||
========
|
||||
|
||||
This basic linear tutorial will take you through connecting to a database,
|
||||
adding a table, creating a slice and a dashboard. First you'll need to tell
|
||||
Caravel where to find the database you want to
|
||||
query. First go to the database menu
|
||||
|
||||
.. image:: _static/img/tutorial/db_menu.png
|
||||
:scale: 30 %
|
||||
|
||||
Now click on the ``+`` button to add a new entry
|
||||
|
||||
.. image:: _static/img/tutorial/db_plus.png
|
||||
:scale: 30 %
|
||||
|
||||
Fill in an arbitrary reference name for the database, and you SqlAlchemy
|
||||
URI. To figure out how to construct your URI, check out the `SqlAlchemy
|
||||
documentation <http://http://docs.sqlalchemy.org/en/rel_1_0/core/engines.html/>`_.
|
||||
Then you can test your connection. If it works, you'll see a positive popup
|
||||
and list of the tables that SqlAlchemy has found for that URI.
|
||||
|
||||
.. image:: _static/img/tutorial/db_added.png
|
||||
:scale: 30 %
|
||||
|
||||
Once your database has been added, it's time to add your table. Navigate
|
||||
using the navigation bar at the top to ``Sources -> Tables`` and click the
|
||||
plus (``+``) sign there (similar to the one ).
|
||||
|
||||
Now enter the name of the table in the ``Table Name`` textbox, and select
|
||||
the database you just created in the ``Database`` dropdown, hit save. At this
|
||||
moment, Caravel fetched the column names, their data types and tries to guess
|
||||
which fields are metrics in dimensions. From the list view, edit the table
|
||||
that you just created by clicking the tiny pen icon.
|
||||
|
||||
.. image:: _static/img/tutorial/pen.png
|
||||
:scale: 30 %
|
||||
|
||||
Now you're in the table editor, click on the "List Table Column" tab,
|
||||
showing you the list of columns in your table as well as their data types.
|
||||
|
||||
.. image:: _static/img/tutorial/matrix.png
|
||||
:scale: 30 %
|
||||
|
||||
Click the checkboxes here that inform Caravel how your columns should be
|
||||
shown in the explore view, and which metrics should be created. Make sure
|
||||
to inform Caravel about your date columns. You could also create
|
||||
"SQL expression" columns here, or metrics in that tab as aggregate expressions,
|
||||
but let's not do that just yet. Hit ``save``.
|
||||
|
||||
You should now be back in the ``Table List`` view. Click on the name of the
|
||||
table you just created. You enter the "Explore" view for your table.
|
||||
|
||||
.. image:: _static/img/tutorial/explore.png
|
||||
:scale: 30 %
|
||||
|
||||
The next step is to create a Slice. First, make sure to use a time filter
|
||||
that is relevant.
|
||||
|
||||
.. note::
|
||||
|
||||
You can use some "natural language time expressions"
|
||||
either as relative (as in ``now``, ``4 weeks ago``, or ``1 year ago``) as well
|
||||
as hard date or time expressions (as in ``3015``, ``3016-01-01`` or
|
||||
``May``).
|
||||
|
||||
Alter the form's option and click ``Query`` until you get to an interesting
|
||||
cut of data, and click ``SAVE AS``, enter a name, and you just created your first
|
||||
slice.
|
||||
|
||||
.. image:: _static/img/tutorial/created.png
|
||||
:scale: 30 %
|
||||
|
||||
This slice is now accessible in the slice list from the
|
||||
``Menu -> Slices`` at any time. Note that this view is easily filterable and
|
||||
searchable.
|
||||
|
||||
.. image:: _static/img/tutorial/search.png
|
||||
:scale: 30 %
|
||||
|
||||
Now let's create a dashboard. A dashboard is simply a collection of slices
|
||||
with metadata around their sizes, positions, CSS style and a few other things.
|
||||
Navigate to the dashboard list view ``Menu -> Dashboard`` and click the plus
|
||||
(``+``) sign. In the form, enter a name and pick the slice you just created.
|
||||
|
||||
.. image:: _static/img/tutorial/new_dash.png
|
||||
:scale: 30 %
|
||||
|
||||
Hit ``Save``, you should be back in ``Menu -> Dashboard``. Now enter your
|
||||
new dashboard.
|
||||
|
||||
.. image:: _static/img/tutorial/in_new_dash.png
|
||||
:scale: 30 %
|
||||
|
||||
Here you are. You can now resize and move the different slice(s), style them
|
||||
in the CSS modal window, and save right from here. For now, renaming the
|
||||
dashboard or adding on a new slice is done through the dashboard edit view,
|
||||
which is the same form as you used when you originally created the dashboard,
|
||||
and is accessible by clicking the ``edit`` pen icon from the dashboard list
|
||||
view (``Menu -> Dashboards``)
|
||||
54
_sources/videos.txt
Normal file
@@ -0,0 +1,54 @@
|
||||
Videos
|
||||
======
|
||||
|
||||
Here is a collection of short videos showing different aspect
|
||||
of Caravel.
|
||||
|
||||
Quick Intro
|
||||
'''''''''''
|
||||
This video demonstrates how Caravel works at a high level, it shows how
|
||||
to navigate through datasets and dashboards that are already available.
|
||||
|
||||
.. youtube:: https://www.youtube.com/watch?v=3Txm_nj_R7M
|
||||
|
||||
Dashboard Creation
|
||||
''''''''''''''''''
|
||||
This video walk you through the creation of a simple dashboard as a
|
||||
collection of data slices.
|
||||
|
||||
- Coming soon!
|
||||
|
||||
Dashboard Filtering
|
||||
'''''''''''''''''''
|
||||
This video shows how to create dynamic filters on dashboards, how to
|
||||
immunize certain widgets from being affected by filters.
|
||||
|
||||
- Coming soon!
|
||||
|
||||
Customize CSS and dashboard themes
|
||||
''''''''''''''''''''''''''''''''''
|
||||
A quick walkthrough on how to apply existing CSS templates, alter them and
|
||||
create new ones.
|
||||
|
||||
- Coming soon!
|
||||
|
||||
Slice Annotations
|
||||
'''''''''''''''''
|
||||
A short video on how to annotate your charts, the markdown language and
|
||||
to toggle them on dashboards.
|
||||
|
||||
- Coming soon!
|
||||
|
||||
Adding a Table
|
||||
''''''''''''''
|
||||
This videos shows you how to expose a new table in Caravel, and how to
|
||||
define the semantics on how this can be accessed by others in the ``Explore``
|
||||
and ``Dashboard`` views.
|
||||
|
||||
- Coming soon!
|
||||
|
||||
Define SQL Expressions
|
||||
''''''''''''''''''''''
|
||||
A walkthrough on how to create your own derived dimensions and metrics.
|
||||
|
||||
- Coming soon!
|
||||
BIN
_static/img/caravel.jpg
Normal file
|
After Width: | Height: | Size: 144 KiB |
BIN
_static/img/tutorial/created.png
Normal file
|
After Width: | Height: | Size: 190 KiB |
BIN
_static/img/tutorial/db_added.png
Normal file
|
After Width: | Height: | Size: 245 KiB |
BIN
_static/img/tutorial/db_menu.png
Normal file
|
After Width: | Height: | Size: 26 KiB |
BIN
_static/img/tutorial/db_plus.png
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
_static/img/tutorial/explore.png
Normal file
|
After Width: | Height: | Size: 133 KiB |
BIN
_static/img/tutorial/in_new_dash.png
Normal file
|
After Width: | Height: | Size: 128 KiB |
BIN
_static/img/tutorial/matrix.png
Normal file
|
After Width: | Height: | Size: 141 KiB |
BIN
_static/img/tutorial/new_dash.png
Normal file
|
After Width: | Height: | Size: 49 KiB |
BIN
_static/img/tutorial/pen.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
_static/img/tutorial/search.png
Normal file
|
After Width: | Height: | Size: 106 KiB |
200
tutorial.html
Normal file
@@ -0,0 +1,200 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
|
||||
<title>Tutorial — caravel documentation</title>
|
||||
|
||||
<link rel="stylesheet" href="_static/basic.css" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/bootstrap-3.3.4/css/bootstrap.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/bootstrap-3.3.4/css/bootstrap-theme.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/bootstrap-sphinx.css" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/docs.css" type="text/css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
var DOCUMENTATION_OPTIONS = {
|
||||
URL_ROOT: './',
|
||||
VERSION: '',
|
||||
COLLAPSE_INDEX: false,
|
||||
FILE_SUFFIX: '.html',
|
||||
HAS_SOURCE: true
|
||||
};
|
||||
</script>
|
||||
<script type="text/javascript" src="_static/jquery.js"></script>
|
||||
<script type="text/javascript" src="_static/underscore.js"></script>
|
||||
<script type="text/javascript" src="_static/doctools.js"></script>
|
||||
<script type="text/javascript" src="_static/js/jquery-1.11.0.min.js"></script>
|
||||
<script type="text/javascript" src="_static/js/jquery-fix.js"></script>
|
||||
<script type="text/javascript" src="_static/bootstrap-3.3.4/js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="_static/bootstrap-sphinx.js"></script>
|
||||
<link rel="top" title="caravel documentation" href="index.html" />
|
||||
<link rel="next" title="Videos" href="videos.html" />
|
||||
<link rel="prev" title="Installation & Configuration" href="installation.html" />
|
||||
<meta charset='utf-8'>
|
||||
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1'>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
|
||||
</head>
|
||||
<body role="document">
|
||||
|
||||
<div id="navbar" class="navbar navbar-default ">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">
|
||||
Caravel Documentation</a>
|
||||
<span class="navbar-text navbar-version pull-left"><b></b></span>
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse nav-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
|
||||
|
||||
<li class="dropdown globaltoc-container">
|
||||
<a role="button"
|
||||
id="dLabelGlobalToc"
|
||||
data-toggle="dropdown"
|
||||
data-target="#"
|
||||
href="index.html">Topics <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu globaltoc"
|
||||
role="menu"
|
||||
aria-labelledby="dLabelGlobalToc"><ul class="current">
|
||||
<li class="toctree-l1"><a class="reference internal" href="installation.html">Installation & Configuration</a></li>
|
||||
<li class="toctree-l1 current"><a class="current reference internal" href="">Tutorial</a></li>
|
||||
<li class="toctree-l1"><a class="reference internal" href="videos.html">Videos</a></li>
|
||||
</ul>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="dropdown">
|
||||
<a role="button"
|
||||
id="dLabelLocalToc"
|
||||
data-toggle="dropdown"
|
||||
data-target="#"
|
||||
href="#">Page <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu localtoc"
|
||||
role="menu"
|
||||
aria-labelledby="dLabelLocalToc"><ul>
|
||||
<li><a class="reference internal" href="#">Tutorial</a></li>
|
||||
</ul>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="hidden-sm"></li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<form class="navbar-form navbar-right" action="search.html" method="get">
|
||||
<div class="form-group">
|
||||
<input type="text" name="q" class="form-control" placeholder="Search" />
|
||||
</div>
|
||||
<input type="hidden" name="check_keywords" value="yes" />
|
||||
<input type="hidden" name="area" value="default" />
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container mainbody">
|
||||
|
||||
<div class="section" id="tutorial">
|
||||
<h1>Tutorial<a class="headerlink" href="#tutorial" title="Permalink to this headline">¶</a></h1>
|
||||
<p>This basic linear tutorial will take you through connecting to a database,
|
||||
adding a table, creating a slice and a dashboard. First you’ll need to tell
|
||||
Caravel where to find the database you want to
|
||||
query. First go to the database menu</p>
|
||||
<a class="reference internal image-reference" href="_images/db_menu.png"><img alt="_images/db_menu.png" src="_images/db_menu.png" style="width: 151.2px; height: 104.4px;" /></a>
|
||||
<p>Now click on the <code class="docutils literal"><span class="pre">+</span></code> button to add a new entry</p>
|
||||
<a class="reference internal image-reference" href="_images/db_plus.png"><img alt="_images/db_plus.png" src="_images/db_plus.png" style="width: 170.4px; height: 170.4px;" /></a>
|
||||
<p>Fill in an arbitrary reference name for the database, and you SqlAlchemy
|
||||
URI. To figure out how to construct your URI, check out the <a class="reference external" href="http://http://docs.sqlalchemy.org/en/rel_1_0/core/engines.html/">SqlAlchemy
|
||||
documentation</a>.
|
||||
Then you can test your connection. If it works, you’ll see a positive popup
|
||||
and list of the tables that SqlAlchemy has found for that URI.</p>
|
||||
<a class="reference internal image-reference" href="_images/db_added.png"><img alt="_images/db_added.png" src="_images/db_added.png" style="width: 637.2px; height: 375.6px;" /></a>
|
||||
<p>Once your database has been added, it’s time to add your table. Navigate
|
||||
using the navigation bar at the top to <code class="docutils literal"><span class="pre">Sources</span> <span class="pre">-></span> <span class="pre">Tables</span></code> and click the
|
||||
plus (<code class="docutils literal"><span class="pre">+</span></code>) sign there (similar to the one ).</p>
|
||||
<p>Now enter the name of the table in the <code class="docutils literal"><span class="pre">Table</span> <span class="pre">Name</span></code> textbox, and select
|
||||
the database you just created in the <code class="docutils literal"><span class="pre">Database</span></code> dropdown, hit save. At this
|
||||
moment, Caravel fetched the column names, their data types and tries to guess
|
||||
which fields are metrics in dimensions. From the list view, edit the table
|
||||
that you just created by clicking the tiny pen icon.</p>
|
||||
<a class="reference internal image-reference" href="_images/pen.png"><img alt="_images/pen.png" src="_images/pen.png" style="width: 130.2px; height: 39.0px;" /></a>
|
||||
<p>Now you’re in the table editor, click on the “List Table Column” tab,
|
||||
showing you the list of columns in your table as well as their data types.</p>
|
||||
<a class="reference internal image-reference" href="_images/matrix.png"><img alt="_images/matrix.png" src="_images/matrix.png" style="width: 652.8px; height: 287.4px;" /></a>
|
||||
<p>Click the checkboxes here that inform Caravel how your columns should be
|
||||
shown in the explore view, and which metrics should be created. Make sure
|
||||
to inform Caravel about your date columns. You could also create
|
||||
“SQL expression” columns here, or metrics in that tab as aggregate expressions,
|
||||
but let’s not do that just yet. Hit <code class="docutils literal"><span class="pre">save</span></code>.</p>
|
||||
<p>You should now be back in the <code class="docutils literal"><span class="pre">Table</span> <span class="pre">List</span></code> view. Click on the name of the
|
||||
table you just created. You enter the “Explore” view for your table.</p>
|
||||
<a class="reference internal image-reference" href="_images/explore.png"><img alt="_images/explore.png" src="_images/explore.png" style="width: 529.2px; height: 349.2px;" /></a>
|
||||
<p>The next step is to create a Slice. First, make sure to use a time filter
|
||||
that is relevant.</p>
|
||||
<div class="admonition note">
|
||||
<p class="first admonition-title">Note</p>
|
||||
<p class="last">You can use some “natural language time expressions”
|
||||
either as relative (as in <code class="docutils literal"><span class="pre">now</span></code>, <code class="docutils literal"><span class="pre">4</span> <span class="pre">weeks</span> <span class="pre">ago</span></code>, or <code class="docutils literal"><span class="pre">1</span> <span class="pre">year</span> <span class="pre">ago</span></code>) as well
|
||||
as hard date or time expressions (as in <code class="docutils literal"><span class="pre">3015</span></code>, <code class="docutils literal"><span class="pre">3016-01-01</span></code> or
|
||||
<code class="docutils literal"><span class="pre">May</span></code>).</p>
|
||||
</div>
|
||||
<p>Alter the form’s option and click <code class="docutils literal"><span class="pre">Query</span></code> until you get to an interesting
|
||||
cut of data, and click <code class="docutils literal"><span class="pre">SAVE</span> <span class="pre">AS</span></code>, enter a name, and you just created your first
|
||||
slice.</p>
|
||||
<a class="reference internal image-reference" href="_images/created.png"><img alt="_images/created.png" src="_images/created.png" style="width: 529.8px; height: 250.2px;" /></a>
|
||||
<p>This slice is now accessible in the slice list from the
|
||||
<code class="docutils literal"><span class="pre">Menu</span> <span class="pre">-></span> <span class="pre">Slices</span></code> at any time. Note that this view is easily filterable and
|
||||
searchable.</p>
|
||||
<a class="reference internal image-reference" href="_images/search.png"><img alt="_images/search.png" src="_images/search.png" style="width: 304.2px; height: 307.8px;" /></a>
|
||||
<p>Now let’s create a dashboard. A dashboard is simply a collection of slices
|
||||
with metadata around their sizes, positions, CSS style and a few other things.
|
||||
Navigate to the dashboard list view <code class="docutils literal"><span class="pre">Menu</span> <span class="pre">-></span> <span class="pre">Dashboard</span></code> and click the plus
|
||||
(<code class="docutils literal"><span class="pre">+</span></code>) sign. In the form, enter a name and pick the slice you just created.</p>
|
||||
<a class="reference internal image-reference" href="_images/new_dash.png"><img alt="_images/new_dash.png" src="_images/new_dash.png" style="width: 274.2px; height: 211.2px;" /></a>
|
||||
<p>Hit <code class="docutils literal"><span class="pre">Save</span></code>, you should be back in <code class="docutils literal"><span class="pre">Menu</span> <span class="pre">-></span> <span class="pre">Dashboard</span></code>. Now enter your
|
||||
new dashboard.</p>
|
||||
<a class="reference internal image-reference" href="_images/in_new_dash.png"><img alt="_images/in_new_dash.png" src="_images/in_new_dash.png" style="width: 467.4px; height: 379.2px;" /></a>
|
||||
<p>Here you are. You can now resize and move the different slice(s), style them
|
||||
in the CSS modal window, and save right from here. For now, renaming the
|
||||
dashboard or adding on a new slice is done through the dashboard edit view,
|
||||
which is the same form as you used when you originally created the dashboard,
|
||||
and is accessible by clicking the <code class="docutils literal"><span class="pre">edit</span></code> pen icon from the dashboard list
|
||||
view (<code class="docutils literal"><span class="pre">Menu</span> <span class="pre">-></span> <span class="pre">Dashboards</span></code>)</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p class="pull-right">
|
||||
<a href="#">Back to top</a>
|
||||
|
||||
</p>
|
||||
<p>
|
||||
Created using <a href="http://sphinx-doc.org/">Sphinx</a> 1.3.6.<br/>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
199
videos.html
Normal file
@@ -0,0 +1,199 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
|
||||
<title>Videos — caravel documentation</title>
|
||||
|
||||
<link rel="stylesheet" href="_static/basic.css" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/bootstrap-3.3.4/css/bootstrap.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/bootstrap-3.3.4/css/bootstrap-theme.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/bootstrap-sphinx.css" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/docs.css" type="text/css" />
|
||||
|
||||
<script type="text/javascript">
|
||||
var DOCUMENTATION_OPTIONS = {
|
||||
URL_ROOT: './',
|
||||
VERSION: '',
|
||||
COLLAPSE_INDEX: false,
|
||||
FILE_SUFFIX: '.html',
|
||||
HAS_SOURCE: true
|
||||
};
|
||||
</script>
|
||||
<script type="text/javascript" src="_static/jquery.js"></script>
|
||||
<script type="text/javascript" src="_static/underscore.js"></script>
|
||||
<script type="text/javascript" src="_static/doctools.js"></script>
|
||||
<script type="text/javascript" src="_static/js/jquery-1.11.0.min.js"></script>
|
||||
<script type="text/javascript" src="_static/js/jquery-fix.js"></script>
|
||||
<script type="text/javascript" src="_static/bootstrap-3.3.4/js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="_static/bootstrap-sphinx.js"></script>
|
||||
<link rel="top" title="caravel documentation" href="index.html" />
|
||||
<link rel="prev" title="Tutorial" href="tutorial.html" />
|
||||
<meta charset='utf-8'>
|
||||
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1'>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
|
||||
</head>
|
||||
<body role="document">
|
||||
|
||||
<div id="navbar" class="navbar navbar-default ">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="index.html">
|
||||
Caravel Documentation</a>
|
||||
<span class="navbar-text navbar-version pull-left"><b></b></span>
|
||||
</div>
|
||||
|
||||
<div class="collapse navbar-collapse nav-collapse">
|
||||
<ul class="nav navbar-nav">
|
||||
|
||||
|
||||
<li class="dropdown globaltoc-container">
|
||||
<a role="button"
|
||||
id="dLabelGlobalToc"
|
||||
data-toggle="dropdown"
|
||||
data-target="#"
|
||||
href="index.html">Topics <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu globaltoc"
|
||||
role="menu"
|
||||
aria-labelledby="dLabelGlobalToc"><ul class="current">
|
||||
<li class="toctree-l1"><a class="reference internal" href="installation.html">Installation & Configuration</a></li>
|
||||
<li class="toctree-l1"><a class="reference internal" href="tutorial.html">Tutorial</a></li>
|
||||
<li class="toctree-l1 current"><a class="current reference internal" href="">Videos</a></li>
|
||||
</ul>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li class="dropdown">
|
||||
<a role="button"
|
||||
id="dLabelLocalToc"
|
||||
data-toggle="dropdown"
|
||||
data-target="#"
|
||||
href="#">Page <b class="caret"></b></a>
|
||||
<ul class="dropdown-menu localtoc"
|
||||
role="menu"
|
||||
aria-labelledby="dLabelLocalToc"><ul>
|
||||
<li><a class="reference internal" href="#">Videos</a><ul>
|
||||
<li><a class="reference internal" href="#quick-intro">Quick Intro</a></li>
|
||||
<li><a class="reference internal" href="#dashboard-creation">Dashboard Creation</a></li>
|
||||
<li><a class="reference internal" href="#dashboard-filtering">Dashboard Filtering</a></li>
|
||||
<li><a class="reference internal" href="#customize-css-and-dashboard-themes">Customize CSS and dashboard themes</a></li>
|
||||
<li><a class="reference internal" href="#slice-annotations">Slice Annotations</a></li>
|
||||
<li><a class="reference internal" href="#adding-a-table">Adding a Table</a></li>
|
||||
<li><a class="reference internal" href="#define-sql-expressions">Define SQL Expressions</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="hidden-sm"></li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<form class="navbar-form navbar-right" action="search.html" method="get">
|
||||
<div class="form-group">
|
||||
<input type="text" name="q" class="form-control" placeholder="Search" />
|
||||
</div>
|
||||
<input type="hidden" name="check_keywords" value="yes" />
|
||||
<input type="hidden" name="area" value="default" />
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container mainbody">
|
||||
|
||||
<div class="section" id="videos">
|
||||
<h1>Videos<a class="headerlink" href="#videos" title="Permalink to this headline">¶</a></h1>
|
||||
<p>Here is a collection of short videos showing different aspect
|
||||
of Caravel.</p>
|
||||
<div class="section" id="quick-intro">
|
||||
<h2>Quick Intro<a class="headerlink" href="#quick-intro" title="Permalink to this headline">¶</a></h2>
|
||||
<p>This video demonstrates how Caravel works at a high level, it shows how
|
||||
to navigate through datasets and dashboards that are already available.</p>
|
||||
<iframe width="640" height="360" src="//www.youtube.com/embed/3Txm_nj_R7M?feature=player_detailpage" frameborder="0" allowfullscreen="1"> </iframe></div>
|
||||
<div class="section" id="dashboard-creation">
|
||||
<h2>Dashboard Creation<a class="headerlink" href="#dashboard-creation" title="Permalink to this headline">¶</a></h2>
|
||||
<p>This video walk you through the creation of a simple dashboard as a
|
||||
collection of data slices.</p>
|
||||
<ul class="simple">
|
||||
<li>Coming soon!</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section" id="dashboard-filtering">
|
||||
<h2>Dashboard Filtering<a class="headerlink" href="#dashboard-filtering" title="Permalink to this headline">¶</a></h2>
|
||||
<p>This video shows how to create dynamic filters on dashboards, how to
|
||||
immunize certain widgets from being affected by filters.</p>
|
||||
<ul class="simple">
|
||||
<li>Coming soon!</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section" id="customize-css-and-dashboard-themes">
|
||||
<h2>Customize CSS and dashboard themes<a class="headerlink" href="#customize-css-and-dashboard-themes" title="Permalink to this headline">¶</a></h2>
|
||||
<p>A quick walkthrough on how to apply existing CSS templates, alter them and
|
||||
create new ones.</p>
|
||||
<ul class="simple">
|
||||
<li>Coming soon!</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section" id="slice-annotations">
|
||||
<h2>Slice Annotations<a class="headerlink" href="#slice-annotations" title="Permalink to this headline">¶</a></h2>
|
||||
<p>A short video on how to annotate your charts, the markdown language and
|
||||
to toggle them on dashboards.</p>
|
||||
<ul class="simple">
|
||||
<li>Coming soon!</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section" id="adding-a-table">
|
||||
<h2>Adding a Table<a class="headerlink" href="#adding-a-table" title="Permalink to this headline">¶</a></h2>
|
||||
<p>This videos shows you how to expose a new table in Caravel, and how to
|
||||
define the semantics on how this can be accessed by others in the <code class="docutils literal"><span class="pre">Explore</span></code>
|
||||
and <code class="docutils literal"><span class="pre">Dashboard</span></code> views.</p>
|
||||
<ul class="simple">
|
||||
<li>Coming soon!</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="section" id="define-sql-expressions">
|
||||
<h2>Define SQL Expressions<a class="headerlink" href="#define-sql-expressions" title="Permalink to this headline">¶</a></h2>
|
||||
<p>A walkthrough on how to create your own derived dimensions and metrics.</p>
|
||||
<ul class="simple">
|
||||
<li>Coming soon!</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p class="pull-right">
|
||||
<a href="#">Back to top</a>
|
||||
|
||||
</p>
|
||||
<p>
|
||||
Created using <a href="http://sphinx-doc.org/">Sphinx</a> 1.3.6.<br/>
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||