jsanch

This bar chart visualizes hierarchical data using D3. Each blue bar represents a folder, whose length encodes the total size of all files in that folder (and all subfolders). Clicking on a bar dives into that folder, while clicking on the background bubbles back up to the parent folder. The effect is similar to a zoomable partition layout, though in a more conventional display.

forked from mbostock's block: Hierarchical Bar Chart

forked from anonymous's block: Hierarchical Bar Chart

jsanch

* Encoding: UTF-8.

BEGIN PROGRAM Python.

# Import python dependencies
import urllib2
import csv
import spss
import re

jsanch

copy "https://mydata.iadb.org/resource/kbuu-6kud.csv?%24limit=100000000" data_from_socrata.csv
import delimited data_from_socrata.csv

jsanch

jsanch

import pandas as pd
import numpy as np
import matplotlib
import cufflinks as cf
import plotly
import plotly.offline as py
import plotly.graph_objs as go

jsanch

Nominees

Forked from Phil Hoyt's Pen Generic CSS Button Kit.

Forked from Phil Hoyt's Pen Generic CSS Button Kit.

Forked from Phil Hoyt's Pen Generic CSS Button Kit.

jsanch

Nominees

Forked from Phil Hoyt's Pen Generic CSS Button Kit.

Forked from Phil Hoyt's Pen Generic CSS Button Kit.

Forked from Phil Hoyt's Pen Generic CSS Button Kit.

jsanch

Material Design Lite components demo

A Pen by jaime sanchez on CodePen.

License.

jsanch

        <link rel="stylesheet" href="https://marks.github.io/cdc-indicator-explorer/css/nhis-early-release.css">
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
        <link href="https://pingendo.github.io/pingendo-bootstrap/themes/default/bootstrap.css" rel="stylesheet" type="text/css">
        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <!-- base dependencies (bootstrap, font-awesome) -->
        <!-- visualization dependencies (plotly) -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.min.js"></script>
        <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
        <script type="text/javascript" src="https://cdn.rawgit.com/socrata/soda-js/master

jsanch