0.3.0 • Published 9 years ago

d3.chart v0.3.0

Weekly downloads
1,104
License
MIT
Repository
github
Last release
9 years ago

d3.chart

A framework for creating reusable charts with D3.js.

Build Status

To get started you can:

  • Read about reusability in d3 here
  • Read our introduction post to d3.chart here
  • Dive right into the wiki, which is full of instructions and guides.
  • Check out the Miso Project website which has some live coding examples

Installing

You can install d3.chart via bower by running:

$ bower install d3.chart

You can also install it via npm by running:

$ npm install d3.chart

Otherwise, you can download it directly from this repository.

Using

d3.chart implements "UMD", making it convenient to consume from a number of environments:

  • The library may be loaded in a web browser directly via HTML <script> tags--just be sure to load it after D3.js, e.g.

    <script src="scripts/lib/d3.v3.min.js"></script>
    <script src="scripts/lib/d3.chart.min.js"></script>
  • From AMD-enabled environments, simply add an entry for "d3.chart" in your paths configuration.

  • Consuming using CommonJS modules (e.g. via tools like Browserify) should "just work"

Build Instructions

Build requirements:

To fetch required dependencies, run the following command from the root of this repository:

$ npm install
$ bower install

After this, the project can be built by invoking Grunt from within this repository:

$ grunt
@infinitebrahmanuniverse/nolb-d3@everything-registry/sub-chunk-1437tideline@domoinc/ca-digital-clock-with-text@domoinc/actual-to-budget-gauge@domoinc/anthem-percent-trend@domoinc/anthem-trend-indicator@domoinc/area-tooltip@domoinc/arrow-single-value-indicator@domoinc/axis@domoinc/bar-capacity-gauge@domoinc/bar-chart@domoinc/bar-gauge@domoinc/bars@domoinc/base-widget@domoinc/bent-line-with-dot@domoinc/best-time-line@domoinc/bubbles-by-category-filled@domoinc/budget-donut@domoinc/budgetdonut@domoinc/button@domoinc/ca-budget-half-circle@domoinc/ca-cloud-number@domoinc/funnel@domoinc/funnel-bar@domoinc/funnel-label@domoinc/funnel-layer@domoinc/funnel-lines@domoinc/funnel-total-bar@domoinc/funnel-total-layer@domoinc/gauge@domoinc/growing-shape@domoinc/heat-map@domoinc/horizontal-heat-map-bar@domoinc/horizontal-multi-series-bars@domoinc/icon-gauge@domoinc/image-svg@domoinc/image-tooltip@domoinc/legend@domoinc/line-bar-chart@domoinc/liquid-fill-gauge@domoinc/ca-filled-image-and-summary-number@domoinc/ca-gauge-with-text@domoinc/ca-icon-trends-with-text@domoinc/ca-male-percent-gauge-banner@domoinc/ca-needle-gauge@domoinc/ca-percent-gauge-with-text@domoinc/ca-post-indicators@domoinc/ca-process-circle@domoinc/ca-progress-bar-with-text@domoinc/ca-stage-progress@domoinc/ca-stats-center-icon@domoinc/ca-stats-circle@domoinc/ca-stats-corner-icon@domoinc/ca-stats-pill@domoinc/ca-steps-with-text@domoinc/ca-time-summary-number@domoinc/ca-trend-number@domoinc/ca-weather-icons@domoinc/canada-fsa-map@domoinc/domo-multi-select@domoinc/domo-select@domoinc/domo-tooltip@domoinc/donut@domoinc/donut-with-legend@domoinc/dropdown@domoinc/eight-ball@domoinc/chord-diagram@domoinc/comparison-bar-chart@domoinc/count-date-clock@domoinc/countdown-clock-circle@domoinc/daily-trend-timeline@domoinc/date-value-table@domoinc/filled-shape@domoinc/folded-funnel@domoinc/carousel@domoinc/gantt-chart@domoinc/marimekko@domoinc/market-funnel-chart@domoinc/merged-states@domoinc/metric-comparison-bars@domoinc/multi-bar-capacity-gauge@domoinc/multi-line@domoinc/multi-line-chart@domoinc/multi-line-text@domoinc/multi-metric-comparison-bar-chart@domoinc/multi-metric-gauge@domoinc/multi-repeating-image-bars@domoinc/multi-titled-sales-marker@domoinc/multi-vbar-circles@domoinc/multiline@domoinc/multiline-chart@domoinc/needle-gauge@domoinc/nested-bar-chart@domoinc/nested-pie@domoinc/notifier@domoinc/people-bubbles@domoinc/people-bubbles-xy@domoinc/percent-circle@domoinc/person-bubble
0.3.0

9 years ago

0.2.1

10 years ago