What Is This?

The GitHub repo containing the open source utilities used to render the interactive content for UC Berkeley's Stat 2B course. Demos may be found here.

Currently the following interactive charts are supported:

1. Histogram Created by invoking new Stici_HistHiLite.
2. Scatterplot Created by invoking new Stici_Scatterplot.
3. Statistics Calculator Created by invoking new statCalc.
4. Venn diagram Created by invoking new Stici_Venn.
5. Area under the curve (normal and chi-square curves) Created by invoking new Stici_NormHiLite
6. Sampling distributions Created by invoking new Stici_SampleDist

Usage

You may find a compiled copy of this library on this projects github page ( js / css ). If you wish to build your own copy of sticigui.js, see the section on development. To use this library, you will need to link to both sticigui.js and sticigui.css from your web application. Additionally, the following dependancies are required:

1. jQuery
2. jQuery UI
3. d3
4. PopBox (custom fork, included in sticigui.js/css)

All interactive charts in this library are used by invoking the creation method with the ID of the container object as the first parameter and options as the second parameter. For options, see the source files in lib/. For example:

<div id="chart">
</div>

<script>
jQuery(function() {
  new Stici_HistHiLite('chart', {
    data: ['../../data/gmat.json']
  });
});
</script>

This library is designed to scale with various dimensions given to the container element, but the recommended size is 600x400.

Data Format

This library expects input data to be a JSON-encoded array of arrays, where data[0] is an array of field names and data[1..n] contains the actual data. For example:

[['Student ID', 'Grade'],
 [1, 95],
 [8, 75],
 [3, 90]]

Browser Support

Currently only Safari and Chrome on OS X have been tested to work. Firefox and Internet Explorer support are in development.

Development

This library is compiled using Grunt 0.3 and the grunt-css plugin.

To install grunt: npm install -g grunt@0.3 To install grunt-css: npm install grunt-css@0.3.2

To compile sticigui.js, simply run grunt from this project's directory. Run grunt debug if you wish to compile a debug version of the library (without minification applied). You can start up a development webserver that hosts the demo files by running python -m SimpleHTTPServer from the project's directory, and then navigating to any of the .html files in the html/ directory.