reusable updating radarChart

Design based on original by NadiehBremer at Visual Cinnamon

Coding philosophy inspired by Rob Moore

Live Example

Find the Latest Code on GitHub

I figured out enter/exit/update for nested objects by studying Lee Mendelowitz's block and reviewing Mike's comments

Features:

Separate layer for hover objects which need to remain on top of chart
Separate layer for tooltip which needs to be uppermost layer
Events are configurable as options such that external functions can be seamlessly integrated
e.g. external tooltips can be configured for mouseover events

Accessors:

by default accessors with no parameters return current values

chart.duration(transition-time) // duration of transitions
chart.options(object) // many options don't have accessors
chart.width(width)
chart.height(height)
chart.margins(object)
chart.data(data) // set data
chart.update() // update chart
chart.maxValue(value) // maxValue of axis values
chart.levels(value) // number of ring levels
chart.opacity(value) // opacity of unselected areas
chart.borderWidth(value) // width of border surrounding areas
chart.rounded(true/false) // select rounded areas
chart.events(object) -- chart.events({'legend': {'mouseover': null}})
chart.color(d3.scale)
chart.colors(object) -- chart.colors({'axis1': 'color1', 'axis2': 'color2'})

operations on data held in chart instance

chart.pop()
chart.push(row) -or- chart.push([row, row])
chart.shift()
chart.unshift(row) -or- chart.unshift([row, row])
chart.slice(begin, end)

operations performed on data prior to display

chart.invert(axis) -or- chart.invert([axis, axis]) // index or "axis label"
chart.ranges({'axis': [min, max]})
chart.filterAxes('axis') -or- chart.filterAxes(['axis', 'axis'])
chart.filterAreas('key') -or- chart.filterAreas(['key1', 'key2'])

convenience

chart.keys() // return a list of data keys
chart.axes() // return labels of all axes
chart.nodes() // return svg object