https://github.com/frankrowe/geodash

A minimal chart library built on D3.
https://github.com/frankrowe/geodash

Last synced: about 1 month ago
JSON representation

A minimal chart library built on D3.

• Host: GitHub
• URL: https://github.com/frankrowe/geodash
• Owner: frankrowe
• License: mit
• Created: 2013-06-18T15:09:55.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2016-01-08T16:44:20.000Z (about 9 years ago)
• Last Synced: 2024-08-29T18:38:27.326Z (5 months ago)
• Language: JavaScript
• Homepage: http://frankrowe.github.io/geodash/
• Size: 3.35 MB
• Stars: 39
• Watchers: 5
• Forks: 3
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
GeoDash.js

=======

A minimal chart library built on D3.

http://frankrowe.github.io/geodash/

This is an alpha build under heavy development. Expect API breaks in new versions.

Pull requests happily accepted. Please remain consistent with code style.

![Image](test/geodashcharts3.png?raw=true)

#### Vertical Bar Chart

```javascript

var barchartvertical = new GeoDash.BarChartVertical('.barchartvertical', {

  x: 'id'

  , y: ['2011', '2012', '2013']

  , colors: ['#ef3b2c','#cb181d','#a50f15']

  , title: 'Vertical Bar Chart'

})

var verticaldata = [

  {

    'id': 'Mon',

    '2011': '42235.7',

    '2012': '42235.7',

    '2013': '42235.7'

  },

  {

    'id': 'Tue',

    '2011': '165113.8',

    '2012': '42235.7',

    '2013': '42235.7'

  }

]

barchartvertical.update(verticaldata)

```

#### Horizontal Bar Chart

```javascript

var barcharthorizontal = new GeoDash.BarChartHorizontal('.barcharthorizontal', {

  x: ['2011', '2012', '2013']

  , y: 'geo'

  , colors: colors

  , title: 'Horizontal Bar Chart'

  , money: true

  , numberTicks: 5

  , yWidth: 60

  , hoverTemplate: '{{y}}: ${{x}}'

})

var horizontaldata = [

  {

    'geo': 'Allegany',

    '2011': '74,692',

    '2012': '73,692',

    '2013': '444403'

  },

  {

    'geo': 'Anne Arundel',

    '2011': '544403',

    '2012': '444403',

    '2013': '444403'

  }

]

barcharthorizontal.update(horizontaldata)

```

#### Pie Chart

```javascript

var piechart = new GeoDash.PieChart('.piechart', {

  label: 'id'

  , value: 'value'

  , colors: colors

  , opacity: 0.8

  , legend: true

  , title: 'Pie Chart'

})

var piedata = [

  {

    'id':'lol',

    'value':33

  },

  {

    'id':'cats',

    'value':11

  },

  {

    'id':'cool',

    'value':2

  }

]

piechart.update(piedata)

```

#### Line Chart

```javascript

var linechart = new GeoDash.LineChart('.linechart', {

  x: 'date'

  , y: ['numCats', 'goalCats']

  , colors: colors

  , title: 'Line Chart'

  , interpolate: 'monotone'

  , xInterval: 5

  , xFormat: d3.time.format('%Y')

  , dashed: [{

    line: 0,

    span: {

      start: 1,

      howMany: 3

    }

  }]

})

var parseDate = d3.time.format('%Y').parse

var linedata = [

  {

    'date':parseDate('2007'),

    'numCats':92817,

    'goalCats': 100000

  },

  {

    'date':parseDate('2008'),

    'numCats':82705,

    'goalCats': 100000

  }

]

linechart.update(linedata)

```