OOcharts - Easy Google Analytics charts on your site.

s Share stats

Allow users to view your Google Analytics charts and data without having to be logged in through your profile or a connected account.

✔ Super simple

Define a chart. Define some metrics and maybe some dimensions. Draw. Done.

★ Free

We don't charge anything for the service, script, or support. Call us crazy. Oh, did we mention it's free?

⟲ Compatible

Easily embed the charts in your site, and view them on desktops, tablets, and phones.

L Secure

We use https. We don't share your information.

A Extendable

It's just javascript on your end. Extend with libraries and your own code for a unique user experience.

Demos are loading...

Shows a series of metrics over a date range.

Relate dimension by metric parts.

Shows the total of a metric over a date range.

E Page Views

u Visitors

↩ Bounces

Sortable table of as many dimensions and metrics as you want.

Show the Code

Timeline

                var timeline = new oo.Timeline(aid, startDate, endDate);
                timeline.addMetric('ga:visitors', 'Visits');
                timeline.addMetric('ga:newVisits', 'New Visits');
                timeline.draw('timeline');

Pie

                var pie = new oo.Pie(aid, startDate, endDate);
                pie.setDimension('ga:browser');
                pie.setMetric('ga:visitors', 'Visitors');
                pie.draw('pie');

Metric

                var metric1 = new oo.Metric(aid, startDate, endDate);
                metric1.setMetric('ga:pageviews');
                metric1.draw('met1');

                var met2 = new oo.Metric(aid, startDate, endDate);
                met2.setMetric('ga:visitors');
                met2.draw('met2');

                var met3 = new oo.Metric(aid, startDate, endDate);
                met3.setMetric('ga:bounces');
                met3.draw('met3');

Table

                var table = new oo.Table(aid, startDate, endDate);
                table.addDimension('ga:country', 'Country');
                table.addDimension('ga:city', 'City');
                table.addMetric('ga:visitors', 'Visits');
                table.setOption('page', 'enable');
                table.setOption('pageSize', 3);
                table.draw('table');

Show the Code