dimple

dimple is not a pure charting utility. It does nothing related to drawing and animating the chart, leaving all that to D3.js, since that's D3.js' job in the first place.

dimple provides an OOP interface that allows regular JavaScript developers to quickly organize and send data to D3 to plot out in a chart.

D3 can be quite complicated to work with sometimes, dimple only helping out by simplifying the syntax and reducing the amount of code needed to render out the chart on a page.

dimple comes with plenty of documentation and examples, so it will be pretty easy to get the hang of it and deploy with your projects as well.

What is new in this release:

• Missing values in an area series will no longer cause crashing regions.
• The order that points are connected is now more useful by default but can be correctly overridden with series.addOrderRule.
• Markers no longer get left behind when redrawing.
• Previously it was not possible to combine a label and real dimensions in the series dimension array. This has been fixed. E.g. mychart.addSeries(["This dimension exists", "This dimension doesn't"], dimple.plot.line);.
• Axis titles can now be set with a property on the axis myAxis.title = "New Title"; - This can also be seen in the composite axis examples above.
• Tooltip text is now defined in an an accessible method which can be overridden like this.
• Tooltip placement has also been improved to reduce chances of overlapping the edge of the chart.
• To avoid conflicts every class added by dimple will now be prefixed with "dimple-" and they will be made lower case with any non-alphanumeric characters replaced with hyphens. For example a series drawn for a SKU called "Roller Cola 2.0L" will have its shapes classed as "dimple-roller-cola-2-0l".

What is new in version 2.1.2:

• Missing values in an area series will no longer cause crashing regions.
• The order that points are connected is now more useful by default but can be correctly overridden with series.addOrderRule.
• Markers no longer get left behind when redrawing.
• Previously it was not possible to combine a label and real dimensions in the series dimension array. This has been fixed. E.g. mychart.addSeries(["This dimension exists", "This dimension doesn't"], dimple.plot.line);.
• Axis titles can now be set with a property on the axis myAxis.title = "New Title"; - This can also be seen in the composite axis examples above.
• Tooltip text is now defined in an an accessible method which can be overridden like this.
• Tooltip placement has also been improved to reduce chances of overlapping the edge of the chart.
• To avoid conflicts every class added by dimple will now be prefixed with "dimple-" and they will be made lower case with any non-alphanumeric characters replaced with hyphens. For example a series drawn for a SKU called "Roller Cola 2.0L" will have its shapes classed as "dimple-roller-cola-2-0l".

What is new in version 1.1.5:

• Correctly judges SVG width for non-pixel based SVG sizes.
• Fixes bug where tooltips were placed with a negative x value.

What is new in version 1.1.2:

• Positioning attributes now take comma separated lists of values. For example setting a top margin to "10px,20%,5px" will position the chart 20% of SVG height + 15 pixels. This is very helpful when creating visualizations with multiple chart objects which you wish to resize (such as a trellis chart).
• Fixed drop lines are now correctly positioned issue.

Requirements:

• JavaScript enabled on client side
• D3.js