JSFiddle

  • Doctor Discipline

    Ross Keith

    $(function () {
        $('#container').highcharts({
            chart: {
                type: 'pie',
                backgroundColor: 'white',
                borderColor: '#000000',
                borderWidth: 1,
                borderRadius: 1,
                plotBackgroundColor: null,
                plotShadow: false,
                plotBorderWidth: 0 ...
  • Number of Officer Involved Shootings/Deaths

    Ross Keith/International Business Times

    $(function () {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Available Numbers Paint An Incomplete Picture of Police Shootings',
                             fontWeight: 'bold',
                            fontFamily ...
  • BJS Arrest Related Deaths by Age & Cause

    Ross Keith/International Business Times

    $(function () {
    
        // Make monochrome colors and set them as default for all pies
        Highcharts.getOptions().plotOptions.pie.colors = (function () {
            var colors ...
  • A jQuery lightbox for images

    jQuery 1.9.1, HTML, CSS, JavaScript

    $(document).ready(function () {
    
        $('.lightbox').click(function () {
    
            console.log('You clicked the image');
    
            var windowHeight = window.innerHeight || $(window).height(),
                windowWidth = window ...
  • Ligtbox plugin example

    jQuery 1.4.4, HTML, CSS, JavaScript

    <a rel="lightbox" href="http://farm2.static.flickr.com/1395/1116205566_42ce0841ab.jpg" ><img src="http://farm2.static.flickr.com/1395/1116205566_42ce0841ab_s.jpg" height="75" width="75"></a>
    
  • jQuery example: Zoomable Image

    jQuery 2.1.0, HTML, CSS, JavaScript, jQuery Mobile 1.4.2

    $('#overlay').hide();
    $('#overlay').click(function(){
        $(this).hide();
    });
    
    $('a.zoomable').click(function(){
        var src = $(this).attr('href');
        var caption = $(this).attr ...
  • Highcharts Demo

    author(s): Torstein Hønsi

    $(function () {
        var mapChart,
        countyChart;
        var dataCounty = {};
        
    
        var data1 = [
            ["US.AL", 5.6],
            ["US.AL.001", 4.9],
            ["US.AL.003 ...
  • Highcharts Demo #2 is the latest revision

    author(s): Torstein Hønsi

    $(function () {
    
    
        /* 
        Data parsed from http://www.bls.gov/lau/#tables
    
        1. Go to http://www.bls.gov/lau/laucntycur14.txt ...
  • Highcharts Demo #1 is the latest revision

    author(s): Torstein Hønsi

    $(function () {
    
    
        /* 
        Data parsed from http://www.bls.gov/lau/#tables
    
        1. Go to http://www.bls.gov/lau/laucntycur14.txt ...
  • Highcharts Demo #3 is the latest revision

    author(s): Torstein Hønsi

    $(function () {
    
        /*
        TODO:
        - Check data labels after drilling. Label rank? New positions?
        - Not US Mainland text
        - Separators
        */
    
        var data = Highcharts.geojson ...