diff --git a/examples/typescript/src/components/ScatterPlot.tsx b/examples/typescript/src/components/ScatterPlot.tsx
index f016094f4..dba1ae3f4 100644
--- a/examples/typescript/src/components/ScatterPlot.tsx
+++ b/examples/typescript/src/components/ScatterPlot.tsx
@@ -14,11 +14,19 @@ export default class ScatterPlot extends React.Component {
         const data = [
             {
                 id: 'group A',
-                data: [{ x: 0, y: 0 }, { x: 2, y: 7 }, { x: 7, y: 23 }],
+                data: [
+                    { x: 0, y: 0 },
+                    { x: 2, y: 7 },
+                    { x: 7, y: 23 },
+                ],
             },
             {
                 id: 'group B',
-                data: [{ x: 3, y: 13 }, { x: 5, y: 7 }, { x: 6, y: 19 }],
+                data: [
+                    { x: 3, y: 13 },
+                    { x: 5, y: 7 },
+                    { x: 6, y: 19 },
+                ],
             },
         ]
 
diff --git a/packages/annotations/src/compute.js b/packages/annotations/src/compute.js
index 2913bad4c..8efbfcbb2 100644
--- a/packages/annotations/src/compute.js
+++ b/packages/annotations/src/compute.js
@@ -137,7 +137,11 @@ export const computeAnnotation = ({
     }
 
     return {
-        points: [[computedX, computedY], [computedNoteX, computedNoteY], [noteLineX, noteLineY]],
+        points: [
+            [computedX, computedY],
+            [computedNoteX, computedNoteY],
+            [noteLineX, noteLineY],
+        ],
         text: [textX, textY],
         angle: angle + 90,
     }
diff --git a/packages/bar/tests/Bar.test.js b/packages/bar/tests/Bar.test.js
index e373966a0..62a0ed875 100644
--- a/packages/bar/tests/Bar.test.js
+++ b/packages/bar/tests/Bar.test.js
@@ -17,7 +17,11 @@ it('should render a basic bar chart', () => {
         <Bar
             width={500}
             height={300}
-            data={[{ id: 'one', value: 10 }, { id: 'two', value: 20 }, { id: 'three', value: 30 }]}
+            data={[
+                { id: 'one', value: 10 },
+                { id: 'two', value: 20 },
+                { id: 'three', value: 30 },
+            ]}
         />
     )
 
@@ -31,7 +35,11 @@ it('should allow to disable labels', () => {
             width={500}
             height={300}
             enableLabel={false}
-            data={[{ id: 'one', value: 10 }, { id: 'two', value: 20 }, { id: 'three', value: 30 }]}
+            data={[
+                { id: 'one', value: 10 },
+                { id: 'two', value: 20 },
+                { id: 'three', value: 30 },
+            ]}
         />
     )
 
@@ -46,7 +54,11 @@ it('should allow grouped mode', () => {
             height={300}
             enableLabel={false}
             groupMode="grouped"
-            data={[{ id: 'one', value: 10 }, { id: 'two', value: 20 }, { id: 'three', value: 30 }]}
+            data={[
+                { id: 'one', value: 10 },
+                { id: 'two', value: 20 },
+                { id: 'three', value: 30 },
+            ]}
         />
     )
 
@@ -61,7 +73,11 @@ it('should allow horizontal layout', () => {
             height={300}
             enableLabel={false}
             layout="horizontal"
-            data={[{ id: 'one', value: 10 }, { id: 'two', value: 20 }, { id: 'three', value: 30 }]}
+            data={[
+                { id: 'one', value: 10 },
+                { id: 'two', value: 20 },
+                { id: 'three', value: 30 },
+            ]}
         />
     )
 
@@ -77,7 +93,11 @@ it('should allow grouped horizontal layout', () => {
             enableLabel={false}
             groupMode="grouped"
             layout="horizontal"
-            data={[{ id: 'one', value: 10 }, { id: 'two', value: 20 }, { id: 'three', value: 30 }]}
+            data={[
+                { id: 'one', value: 10 },
+                { id: 'two', value: 20 },
+                { id: 'three', value: 30 },
+            ]}
         />
     )
 
@@ -90,7 +110,10 @@ it(`should reverse legend items if chart layout is vertical`, () => {
         <Bar
             width={500}
             height={300}
-            data={[{ id: 'one', A: 10, B: 13 }, { id: 'two', A: 12, B: 9 }]}
+            data={[
+                { id: 'one', A: 10, B: 13 },
+                { id: 'two', A: 12, B: 9 },
+            ]}
             keys={['A', 'B']}
             layout="vertical"
             legends={[
@@ -118,7 +141,10 @@ it(`should not reverse legend items if chart layout is vertical reversed`, () =>
         <Bar
             width={500}
             height={300}
-            data={[{ id: 'one', A: 10, B: 13 }, { id: 'two', A: 12, B: 9 }]}
+            data={[
+                { id: 'one', A: 10, B: 13 },
+                { id: 'two', A: 12, B: 9 },
+            ]}
             keys={['A', 'B']}
             layout="vertical"
             reverse={true}
@@ -147,7 +173,10 @@ it(`should not reverse legend items if chart layout is horizontal`, () => {
         <Bar
             width={500}
             height={300}
-            data={[{ id: 'one', A: 10, B: 13 }, { id: 'two', A: 12, B: 9 }]}
+            data={[
+                { id: 'one', A: 10, B: 13 },
+                { id: 'two', A: 12, B: 9 },
+            ]}
             keys={['A', 'B']}
             layout="horizontal"
             legends={[
@@ -175,7 +204,10 @@ it(`should reverse legend items if chart layout is horizontal reversed`, () => {
         <Bar
             width={500}
             height={300}
-            data={[{ id: 'one', A: 10, B: 13 }, { id: 'two', A: 12, B: 9 }]}
+            data={[
+                { id: 'one', A: 10, B: 13 },
+                { id: 'two', A: 12, B: 9 },
+            ]}
             keys={['A', 'B']}
             layout="horizontal"
             reverse={true}
diff --git a/packages/bump/src/bump/Points.js b/packages/bump/src/bump/Points.js
index a87cd7cf1..8ceb1bcbc 100644
--- a/packages/bump/src/bump/Points.js
+++ b/packages/bump/src/bump/Points.js
@@ -51,7 +51,7 @@ const Points = ({ pointComponent, points }) => {
                             key,
                             data: point.data,
                             x: style.x,
-                            y: point.y,
+                            y: style.y,
                             isActive: point.isActive,
                             isInactive: point.isInactive,
                             size: Math.max(style.size, 0),
diff --git a/packages/bump/src/bump/compute.js b/packages/bump/src/bump/compute.js
index f52cf4e79..7a81d060b 100644
--- a/packages/bump/src/bump/compute.js
+++ b/packages/bump/src/bump/compute.js
@@ -46,7 +46,7 @@ export const computeSeries = ({ width, height, data, xPadding, xOuterPadding, yO
                 y = yScale(datum.y)
             }
             const point = {
-                id: `${rawSerie.id}.${datum.x}`,
+                id: `${rawSerie.id}.${i}`,
                 serie: rawSerie,
                 data: datum,
                 x,
diff --git a/packages/chord/src/ChordLabels.js b/packages/chord/src/ChordLabels.js
index bf9df3330..fb14ade4f 100644
--- a/packages/chord/src/ChordLabels.js
+++ b/packages/chord/src/ChordLabels.js
@@ -27,9 +27,7 @@ const ChordLabels = ({ arcs, radius, rotation, getColor }) => {
                     return (
                         <text
                             key={arc.id}
-                            transform={`translate(${textProps.x}, ${textProps.y}) rotate(${
-                                textProps.rotate
-                            })`}
+                            transform={`translate(${textProps.x}, ${textProps.y}) rotate(${textProps.rotate})`}
                             style={{
                                 ...theme.labels.text,
                                 pointerEvents: 'none',
@@ -69,9 +67,7 @@ const ChordLabels = ({ arcs, radius, rotation, getColor }) => {
                         return (
                             <text
                                 key={key}
-                                transform={`translate(${textProps.x}, ${textProps.y}) rotate(${
-                                    textProps.rotate
-                                })`}
+                                transform={`translate(${textProps.x}, ${textProps.y}) rotate(${textProps.rotate})`}
                                 style={{
                                     ...theme.labels.text,
                                     pointerEvents: 'none',
diff --git a/packages/circle-packing/tests/Bubble.test.js b/packages/circle-packing/tests/Bubble.test.js
index 9f16e0f07..ac3043659 100644
--- a/packages/circle-packing/tests/Bubble.test.js
+++ b/packages/circle-packing/tests/Bubble.test.js
@@ -15,11 +15,17 @@ const sampleData = {
         },
         {
             id: 'line',
-            children: [{ id: 'svg', value: 43 }, { id: 'canvas', value: 27 }],
+            children: [
+                { id: 'svg', value: 43 },
+                { id: 'canvas', value: 27 },
+            ],
         },
         {
             id: 'pie',
-            children: [{ id: 'svg', value: 17 }, { id: 'canvas', value: 23 }],
+            children: [
+                { id: 'svg', value: 17 },
+                { id: 'canvas', value: 23 },
+            ],
         },
     ],
 }
diff --git a/packages/colors/src/ordinalColorScale.js b/packages/colors/src/ordinalColorScale.js
index 08f9ad667..d5913c329 100644
--- a/packages/colors/src/ordinalColorScale.js
+++ b/packages/colors/src/ordinalColorScale.js
@@ -60,9 +60,7 @@ export const getOrdinalColorScale = (instruction, identity) => {
                     (instruction.size < 3 || instruction.size > 11)
                 ) {
                     throw new Error(
-                        `Invalid size '${instruction.size}' for diverging color scheme '${
-                            instruction.scheme
-                        }', must be between 3~11`
+                        `Invalid size '${instruction.size}' for diverging color scheme '${instruction.scheme}', must be between 3~11`
                     )
                 }
 
@@ -81,9 +79,7 @@ export const getOrdinalColorScale = (instruction, identity) => {
                     (instruction.size < 3 || instruction.size > 9)
                 ) {
                     throw new Error(
-                        `Invalid size '${instruction.size}' for sequential color scheme '${
-                            instruction.scheme
-                        }', must be between 3~9`
+                        `Invalid size '${instruction.size}' for sequential color scheme '${instruction.scheme}', must be between 3~9`
                     )
                 }
 
diff --git a/packages/colors/tests/inheritedColor.test.js b/packages/colors/tests/inheritedColor.test.js
index ae001e135..e9c7b0967 100644
--- a/packages/colors/tests/inheritedColor.test.js
+++ b/packages/colors/tests/inheritedColor.test.js
@@ -92,7 +92,10 @@ describe(`from datum`, () => {
     it(`should be able to chain several modifiers on inherited color`, () => {
         const getColor = getInheritedColorGenerator({
             from: 'color',
-            modifiers: [['darker', 2], ['opacity', 0.5]],
+            modifiers: [
+                ['darker', 2],
+                ['opacity', 0.5],
+            ],
         })
 
         const expectedColor = rgb('#ff0099').darker(2)
diff --git a/packages/colors/tests/ordinalColorScale.test.js b/packages/colors/tests/ordinalColorScale.test.js
index 8600d66c7..8604840a0 100644
--- a/packages/colors/tests/ordinalColorScale.test.js
+++ b/packages/colors/tests/ordinalColorScale.test.js
@@ -65,18 +65,14 @@ it(`should throw if trying to generate a scale from diverging colors with a size
     expect(() => {
         getOrdinalColorScale({ scheme: divergingColorSchemeIds[0], size: 2 })
     }).toThrow(
-        `Invalid size '2' for diverging color scheme '${
-            divergingColorSchemeIds[0]
-        }', must be between 3~11`
+        `Invalid size '2' for diverging color scheme '${divergingColorSchemeIds[0]}', must be between 3~11`
     )
 })
 it(`should throw if trying to generate a scale from diverging colors with a size greater than 11`, () => {
     expect(() => {
         getOrdinalColorScale({ scheme: divergingColorSchemeIds[0], size: 13 })
     }).toThrow(
-        `Invalid size '13' for diverging color scheme '${
-            divergingColorSchemeIds[0]
-        }', must be between 3~11`
+        `Invalid size '13' for diverging color scheme '${divergingColorSchemeIds[0]}', must be between 3~11`
     )
 })
 
@@ -100,18 +96,14 @@ it(`should throw if trying to generate a scale from sequential colors with a siz
     expect(() => {
         getOrdinalColorScale({ scheme: sequentialColorSchemeIds[0], size: 2 })
     }).toThrow(
-        `Invalid size '2' for sequential color scheme '${
-            sequentialColorSchemeIds[0]
-        }', must be between 3~9`
+        `Invalid size '2' for sequential color scheme '${sequentialColorSchemeIds[0]}', must be between 3~9`
     )
 })
 it(`should throw if trying to generate a scale from sequential colors with a size greater than 9`, () => {
     expect(() => {
         getOrdinalColorScale({ scheme: sequentialColorSchemeIds[0], size: 11 })
     }).toThrow(
-        `Invalid size '11' for sequential color scheme '${
-            sequentialColorSchemeIds[0]
-        }', must be between 3~9`
+        `Invalid size '11' for sequential color scheme '${sequentialColorSchemeIds[0]}', must be between 3~9`
     )
 })
 
diff --git a/packages/core/src/components/cartesian/markers/CartesianMarkersItem.js b/packages/core/src/components/cartesian/markers/CartesianMarkersItem.js
index e14e6b07c..506d61b42 100644
--- a/packages/core/src/components/cartesian/markers/CartesianMarkersItem.js
+++ b/packages/core/src/components/cartesian/markers/CartesianMarkersItem.js
@@ -204,9 +204,7 @@ const CartesianMarkersItem = ({
         })
         legendNode = (
             <text
-                transform={`translate(${legendProps.x}, ${legendProps.y}) rotate(${
-                    legendProps.rotation
-                })`}
+                transform={`translate(${legendProps.x}, ${legendProps.y}) rotate(${legendProps.rotation})`}
                 textAnchor={legendProps.textAnchor}
                 dominantBaseline="central"
                 style={textStyle}
diff --git a/packages/core/tests/lib/getLabelGenerator.test.js b/packages/core/tests/lib/getLabelGenerator.test.js
index 713931fd7..4dd433205 100644
--- a/packages/core/tests/lib/getLabelGenerator.test.js
+++ b/packages/core/tests/lib/getLabelGenerator.test.js
@@ -32,7 +32,10 @@ describe('getLabelGenerator()', () => {
     })
 
     it(`should handle custom access & formatting functions`, () => {
-        const getLabel = getLabelGenerator(d => d.value[1], v => v + 10)
+        const getLabel = getLabelGenerator(
+            d => d.value[1],
+            v => v + 10
+        )
         expect(getLabel({ value: [18, 19] })).toBe(29)
     })
 })
diff --git a/packages/core/tests/lib/polar/utils.test.js b/packages/core/tests/lib/polar/utils.test.js
index a181edb06..fd20604fd 100644
--- a/packages/core/tests/lib/polar/utils.test.js
+++ b/packages/core/tests/lib/polar/utils.test.js
@@ -54,9 +54,7 @@ const boundingBoxCases = [
 for (let boundingBoxCase of boundingBoxCases) {
     const { args, expected } = boundingBoxCase
 
-    test(`computeArcBoundingBox() for position ${args[0]}, ${args[1]} with radius ${
-        args[2]
-    }, starting at ${args[3]}°, ending at ${args[4]}°`, () => {
+    test(`computeArcBoundingBox() for position ${args[0]}, ${args[1]} with radius ${args[2]}, starting at ${args[3]}°, ending at ${args[4]}°`, () => {
         const box = computeArcBoundingBox(...args)
 
         for (let prop in expected) {
diff --git a/packages/line/tests/Line.test.js b/packages/line/tests/Line.test.js
index 13bc62273..33e3622f3 100644
--- a/packages/line/tests/Line.test.js
+++ b/packages/line/tests/Line.test.js
@@ -8,7 +8,13 @@ it('should render a basic line chart', () => {
     const data = [
         {
             id: 'A',
-            data: [{ x: 0, y: 3 }, { x: 1, y: 7 }, { x: 2, y: 11 }, { x: 3, y: 9 }, { x: 4, y: 8 }],
+            data: [
+                { x: 0, y: 3 },
+                { x: 1, y: 7 },
+                { x: 2, y: 11 },
+                { x: 3, y: 9 },
+                { x: 4, y: 8 },
+            ],
         },
     ]
     const component = renderer.create(<Line width={500} height={300} data={data} />)
@@ -21,11 +27,23 @@ it('should support multiple lines', () => {
     const data = [
         {
             id: 'A',
-            data: [{ x: 0, y: 3 }, { x: 1, y: 7 }, { x: 2, y: 11 }, { x: 3, y: 9 }, { x: 4, y: 8 }],
+            data: [
+                { x: 0, y: 3 },
+                { x: 1, y: 7 },
+                { x: 2, y: 11 },
+                { x: 3, y: 9 },
+                { x: 4, y: 8 },
+            ],
         },
         {
             id: 'B',
-            data: [{ x: 0, y: 1 }, { x: 1, y: 3 }, { x: 2, y: 5 }, { x: 3, y: 7 }, { x: 4, y: 11 }],
+            data: [
+                { x: 0, y: 1 },
+                { x: 1, y: 3 },
+                { x: 2, y: 5 },
+                { x: 3, y: 7 },
+                { x: 4, y: 11 },
+            ],
         },
     ]
     const component = renderer.create(<Line width={500} height={300} data={data} />)
@@ -38,7 +56,13 @@ it('should create slice for each x value', () => {
     const data = [
         {
             id: 'A',
-            data: [{ x: 0, y: 3 }, { x: 1, y: 7 }, { x: 2, y: 11 }, { x: 3, y: 9 }, { x: 4, y: 8 }],
+            data: [
+                { x: 0, y: 3 },
+                { x: 1, y: 7 },
+                { x: 2, y: 11 },
+                { x: 3, y: 9 },
+                { x: 4, y: 8 },
+            ],
         },
     ]
     const wrapper = mount(<Line width={500} height={300} data={data} enableSlices="x" />)
@@ -56,7 +80,13 @@ it('should have left and bottom axis by default', () => {
     const data = [
         {
             id: 'A',
-            data: [{ x: 0, y: 3 }, { x: 1, y: 7 }, { x: 2, y: 11 }, { x: 3, y: 9 }, { x: 4, y: 8 }],
+            data: [
+                { x: 0, y: 3 },
+                { x: 1, y: 7 },
+                { x: 2, y: 11 },
+                { x: 3, y: 9 },
+                { x: 4, y: 8 },
+            ],
         },
     ]
     const wrapper = mount(<Line width={500} height={300} data={data} />)
@@ -83,7 +113,13 @@ describe('curve interpolation', () => {
     const data = [
         {
             id: 'default',
-            data: [{ x: 0, y: 3 }, { x: 1, y: 7 }, { x: 2, y: 11 }, { x: 3, y: 9 }, { x: 4, y: 8 }],
+            data: [
+                { x: 0, y: 3 },
+                { x: 1, y: 7 },
+                { x: 2, y: 11 },
+                { x: 3, y: 9 },
+                { x: 4, y: 8 },
+            ],
         },
     ]
     for (const curveInterpolation of curveInterpolations) {
diff --git a/packages/parallel-coordinates/src/ParallelCoordinates.js b/packages/parallel-coordinates/src/ParallelCoordinates.js
index 5d5a9f48e..3c20571e9 100644
--- a/packages/parallel-coordinates/src/ParallelCoordinates.js
+++ b/packages/parallel-coordinates/src/ParallelCoordinates.js
@@ -118,11 +118,6 @@ export class ParallelCoordinates extends Component {
     }
 }
 
-const enhance = compose(
-    defaultProps(commonDefaultProps),
-    ...commonEnhancers,
-    withMotion(),
-    pure
-)
+const enhance = compose(defaultProps(commonDefaultProps), ...commonEnhancers, withMotion(), pure)
 
 export default setDisplayName('ParallelCoordinates')(enhance(ParallelCoordinates))
diff --git a/packages/parallel-coordinates/src/index.js b/packages/parallel-coordinates/src/index.js
index 32f89a69a..4022fd99a 100644
--- a/packages/parallel-coordinates/src/index.js
+++ b/packages/parallel-coordinates/src/index.js
@@ -9,7 +9,5 @@
 export { default as ParallelCoordinates } from './ParallelCoordinates'
 export { default as ResponsiveParallelCoordinates } from './ResponsiveParallelCoordinates'
 export { default as ParallelCoordinatesCanvas } from './ParallelCoordinatesCanvas'
-export {
-    default as ResponsiveParallelCoordinatesCanvas,
-} from './ResponsiveParallelCoordinatesCanvas'
+export { default as ResponsiveParallelCoordinatesCanvas } from './ResponsiveParallelCoordinatesCanvas'
 export * from './props'
diff --git a/packages/pie/src/enhance.js b/packages/pie/src/enhance.js
index 81716db67..947bfff5b 100644
--- a/packages/pie/src/enhance.js
+++ b/packages/pie/src/enhance.js
@@ -13,9 +13,4 @@ import { withTheme, withDimensions } from '@nivo/core'
 import { PieDefaultProps } from './props'
 
 export default Component =>
-    compose(
-        defaultProps(PieDefaultProps),
-        withTheme(),
-        withDimensions(),
-        pure
-    )(Component)
+    compose(defaultProps(PieDefaultProps), withTheme(), withDimensions(), pure)(Component)
diff --git a/packages/sankey/src/SankeyLabels.js b/packages/sankey/src/SankeyLabels.js
index 71d311740..a049b0555 100644
--- a/packages/sankey/src/SankeyLabels.js
+++ b/packages/sankey/src/SankeyLabels.js
@@ -133,9 +133,7 @@ const SankeyLabels = ({
                         return (
                             <text
                                 key={key}
-                                transform={`translate(${style.x}, ${style.y}) rotate(${
-                                    style.rotation
-                                })`}
+                                transform={`translate(${style.x}, ${style.y}) rotate(${style.rotation})`}
                                 dominantBaseline="central"
                                 textAnchor={data.textAnchor}
                                 style={{
diff --git a/packages/scatterplot/tests/ScatterPlot.test.js b/packages/scatterplot/tests/ScatterPlot.test.js
index 45475a9d3..55386fbb6 100644
--- a/packages/scatterplot/tests/ScatterPlot.test.js
+++ b/packages/scatterplot/tests/ScatterPlot.test.js
@@ -25,7 +25,10 @@ it('should allow to render several series', () => {
         <ScatterPlot
             width={500}
             height={300}
-            data={[{ id: 'default', data: sampleData }, { id: 'extra', data: sampleData }]}
+            data={[
+                { id: 'default', data: sampleData },
+                { id: 'extra', data: sampleData },
+            ]}
         />
     )
 
@@ -59,7 +62,11 @@ it('should allow to use a varying node size', () => {
             data={[
                 {
                     id: 'default',
-                    data: [{ x: 0, y: 0, z: 3 }, { x: 1, y: 1, z: 5 }, { x: 2, y: 2, z: 8 }],
+                    data: [
+                        { x: 0, y: 0, z: 3 },
+                        { x: 1, y: 1, z: 5 },
+                        { x: 2, y: 2, z: 8 },
+                    ],
                 },
             ]}
             nodeSize={{
diff --git a/packages/tooltip/src/components/TooltipWrapper.js b/packages/tooltip/src/components/TooltipWrapper.js
index f6b057112..540e099c7 100644
--- a/packages/tooltip/src/components/TooltipWrapper.js
+++ b/packages/tooltip/src/components/TooltipWrapper.js
@@ -104,9 +104,7 @@ const TooltipWrapper = memo(({ position, anchor, children }) => {
                             style={{
                                 ...tooltipStyle,
                                 ...theme.tooltip,
-                                transform: `translate3d(${animatedPosition.x}px, ${
-                                    animatedPosition.y
-                                }px, 0)`,
+                                transform: `translate3d(${animatedPosition.x}px, ${animatedPosition.y}px, 0)`,
                             }}
                         >
                             {children}
diff --git a/packages/voronoi/tests/computeMesh.test.js b/packages/voronoi/tests/computeMesh.test.js
index 673916b71..a8f2c6c41 100644
--- a/packages/voronoi/tests/computeMesh.test.js
+++ b/packages/voronoi/tests/computeMesh.test.js
@@ -1,7 +1,11 @@
 import { computeMesh } from '../src/computeMesh'
 
 it(`should be able to compute mesh for collinear points`, () => {
-    const points = [[0, 0], [50, 50], [100, 100]]
+    const points = [
+        [0, 0],
+        [50, 50],
+        [100, 100],
+    ]
 
     const { voronoi } = computeMesh({ points, width: 500, height: 500, debug: true })
 
diff --git a/packages/waffle/stories/waffle.stories.js b/packages/waffle/stories/waffle.stories.js
index be86774b9..3778f3d85 100644
--- a/packages/waffle/stories/waffle.stories.js
+++ b/packages/waffle/stories/waffle.stories.js
@@ -55,7 +55,10 @@ stories.add('patterns', () => (
                 spacing: 10,
             }),
         ]}
-        fill={[{ match: { id: 'men' }, id: 'dots' }, { match: { id: 'women' }, id: 'lines' }]}
+        fill={[
+            { match: { id: 'men' }, id: 'dots' },
+            { match: { id: 'women' }, id: 'lines' },
+        ]}
     />
 ))
 
diff --git a/packages/waffle/tests/Waffle.test.js b/packages/waffle/tests/Waffle.test.js
index 5f8f5b7aa..d5f45f8e2 100644
--- a/packages/waffle/tests/Waffle.test.js
+++ b/packages/waffle/tests/Waffle.test.js
@@ -90,7 +90,10 @@ it('should support legends', () => {
 })
 
 it('should allow to hide specific ids', () => {
-    const data = [{ id: 'one', label: 'one', value: 10 }, { id: 'two', label: 'two', value: 20 }]
+    const data = [
+        { id: 'one', label: 'one', value: 10 },
+        { id: 'two', label: 'two', value: 20 },
+    ]
     const legends = [
         {
             anchor: 'top-left',
diff --git a/website/src/components/icons/WaffleIcon.js b/website/src/components/icons/WaffleIcon.js
index 22f36cd78..6e099a696 100644
--- a/website/src/components/icons/WaffleIcon.js
+++ b/website/src/components/icons/WaffleIcon.js
@@ -25,7 +25,10 @@ const chartProps = {
         bottom: 5,
     },
     padding: 2,
-    data: [{ id: 'A', label: 'A', value: 8 }, { id: 'B', label: 'B', value: 4 }],
+    data: [
+        { id: 'A', label: 'A', value: 8 },
+        { id: 'B', label: 'B', value: 4 },
+    ],
     isInteractive: false,
 }
 
diff --git a/website/src/data/components/area-bump/props.js b/website/src/data/components/area-bump/props.js
index 8829e5943..c49eb0164 100644
--- a/website/src/data/components/area-bump/props.js
+++ b/website/src/data/components/area-bump/props.js
@@ -103,7 +103,10 @@ const props = [
         defaultValue: defaults.interpolation,
         controlType: 'radio',
         controlOptions: {
-            choices: [{ label: 'smooth', value: 'smooth' }, { label: 'linear', value: 'linear' }],
+            choices: [
+                { label: 'smooth', value: 'smooth' },
+                { label: 'linear', value: 'linear' },
+            ],
         },
     },
     {
diff --git a/website/src/data/components/bullet/props.js b/website/src/data/components/bullet/props.js
index d03cace1d..81b51f719 100644
--- a/website/src/data/components/bullet/props.js
+++ b/website/src/data/components/bullet/props.js
@@ -230,7 +230,10 @@ const props = [
         controlType: 'radio',
         group: 'Axes',
         controlOptions: {
-            choices: [{ label: 'before', value: 'before' }, { label: 'after', value: 'after' }],
+            choices: [
+                { label: 'before', value: 'before' },
+                { label: 'after', value: 'after' },
+            ],
         },
     },
     {
@@ -242,7 +245,10 @@ const props = [
         controlType: 'radio',
         group: 'Title',
         controlOptions: {
-            choices: [{ label: 'before', value: 'before' }, { label: 'after', value: 'after' }],
+            choices: [
+                { label: 'before', value: 'before' },
+                { label: 'after', value: 'after' },
+            ],
         },
     },
     {
diff --git a/website/src/data/components/bump/props.js b/website/src/data/components/bump/props.js
index a43c91b97..ba62e7e1d 100644
--- a/website/src/data/components/bump/props.js
+++ b/website/src/data/components/bump/props.js
@@ -89,7 +89,10 @@ const props = [
         defaultValue: defaults.interpolation,
         controlType: 'radio',
         controlOptions: {
-            choices: [{ label: 'smooth', value: 'smooth' }, { label: 'linear', value: 'linear' }],
+            choices: [
+                { label: 'smooth', value: 'smooth' },
+                { label: 'linear', value: 'linear' },
+            ],
         },
     },
     {
diff --git a/website/src/data/components/calendar/props.js b/website/src/data/components/calendar/props.js
index 491a13585..a9b456522 100644
--- a/website/src/data/components/calendar/props.js
+++ b/website/src/data/components/calendar/props.js
@@ -231,7 +231,10 @@ const props = [
         controlType: 'radio',
         group: 'Years',
         controlOptions: {
-            choices: [{ label: 'before', value: 'before' }, { label: 'after', value: 'after' }],
+            choices: [
+                { label: 'before', value: 'before' },
+                { label: 'after', value: 'after' },
+            ],
         },
     },
     {
@@ -285,7 +288,10 @@ const props = [
         controlType: 'radio',
         group: 'Months',
         controlOptions: {
-            choices: [{ label: 'before', value: 'before' }, { label: 'after', value: 'after' }],
+            choices: [
+                { label: 'before', value: 'before' },
+                { label: 'after', value: 'after' },
+            ],
         },
     },
     {
diff --git a/website/src/data/components/parallel-coordinates/props.js b/website/src/data/components/parallel-coordinates/props.js
index 48e55a775..f8e9f2af2 100644
--- a/website/src/data/components/parallel-coordinates/props.js
+++ b/website/src/data/components/parallel-coordinates/props.js
@@ -152,7 +152,10 @@ const props = [
         controlType: 'radio',
         group: 'Base',
         controlOptions: {
-            choices: [{ label: 'before', value: 'before' }, { label: 'after', value: 'after' }],
+            choices: [
+                { label: 'before', value: 'before' },
+                { label: 'after', value: 'after' },
+            ],
         },
     },
     {
diff --git a/website/src/data/components/stream/defaults.js b/website/src/data/components/stream/defaults.js
index 08dd58dc8..7ad04b66d 100644
--- a/website/src/data/components/stream/defaults.js
+++ b/website/src/data/components/stream/defaults.js
@@ -82,7 +82,10 @@ export default {
             stagger: true,
         }),
     ],
-    fill: [{ match: { id: 'Paul' }, id: 'dots' }, { match: { id: 'Marcel' }, id: 'squares' }],
+    fill: [
+        { match: { id: 'Paul' }, id: 'dots' },
+        { match: { id: 'Marcel' }, id: 'squares' },
+    ],
 
     enableDots: false,
     dotSize: 8,
diff --git a/website/src/pages/bar/index.js b/website/src/pages/bar/index.js
index 2bbc0959d..8f0312a5e 100644
--- a/website/src/pages/bar/index.js
+++ b/website/src/pages/bar/index.js
@@ -56,7 +56,10 @@ const initialProperties = {
             spacing: 10,
         }),
     ],
-    fill: [{ match: { id: 'fries' }, id: 'dots' }, { match: { id: 'sandwich' }, id: 'lines' }],
+    fill: [
+        { match: { id: 'fries' }, id: 'dots' },
+        { match: { id: 'sandwich' }, id: 'lines' },
+    ],
     borderRadius: 0,
     borderWidth: 0,
     borderColor: {
diff --git a/website/src/pages/choropleth/canvas.js b/website/src/pages/choropleth/canvas.js
index e15239847..0f0c5919f 100644
--- a/website/src/pages/choropleth/canvas.js
+++ b/website/src/pages/choropleth/canvas.js
@@ -99,9 +99,7 @@ const ChoroplethCanvas = () => {
                         onClick={feature => {
                             logAction({
                                 type: 'click',
-                                label: `${feature.label}: ${feature.formattedValue} (${
-                                    feature.id
-                                })`,
+                                label: `${feature.label}: ${feature.formattedValue} (${feature.id})`,
                                 color: feature.color,
                                 data: {
                                     label: feature.label,
diff --git a/website/src/pages/choropleth/index.js b/website/src/pages/choropleth/index.js
index f37d5d021..b99f3eb65 100644
--- a/website/src/pages/choropleth/index.js
+++ b/website/src/pages/choropleth/index.js
@@ -111,9 +111,7 @@ const Choropleth = () => {
                         onClick={feature => {
                             logAction({
                                 type: 'click',
-                                label: `${feature.label}: ${feature.formattedValue} (${
-                                    feature.id
-                                })`,
+                                label: `${feature.label}: ${feature.formattedValue} (${feature.id})`,
                                 color: feature.color,
                                 data: omit(feature, 'geometry'),
                             })
diff --git a/website/src/pages/line/canvas.js b/website/src/pages/line/canvas.js
index f450e7e7a..d95bd3ee0 100644
--- a/website/src/pages/line/canvas.js
+++ b/website/src/pages/line/canvas.js
@@ -144,9 +144,7 @@ const LineCanvas = () => {
                         onClick={point => {
                             logAction({
                                 type: 'click',
-                                label: `[point] serie: ${point.serieId}, x: ${point.data.x}, y: ${
-                                    point.data.y
-                                }`,
+                                label: `[point] serie: ${point.serieId}, x: ${point.data.x}, y: ${point.data.y}`,
                                 color: point.color,
                                 data: point,
                             })
diff --git a/website/src/pages/line/index.js b/website/src/pages/line/index.js
index 08cc39a36..609059708 100644
--- a/website/src/pages/line/index.js
+++ b/website/src/pages/line/index.js
@@ -78,9 +78,7 @@ const Line = () => {
                         onClick={point => {
                             logAction({
                                 type: 'click',
-                                label: `[point] serie: ${point.serieId}, x: ${point.data.x}, y: ${
-                                    point.data.y
-                                }`,
+                                label: `[point] serie: ${point.serieId}, x: ${point.data.x}, y: ${point.data.y}`,
                                 color: point.serieColor,
                                 data: point,
                             })
diff --git a/website/src/pages/sankey/index.js b/website/src/pages/sankey/index.js
index 7973ba036..5628f7ac7 100644
--- a/website/src/pages/sankey/index.js
+++ b/website/src/pages/sankey/index.js
@@ -114,9 +114,7 @@ const Sankey = () => {
                             if (node.id) {
                                 label = `[node] ${node.id}: ${node.value}`
                             } else {
-                                label = `[link] ${node.source.id} > ${node.target.id}: ${
-                                    node.value
-                                }`
+                                label = `[link] ${node.source.id} > ${node.target.id}: ${node.value}`
                             }
 
                             logAction({
diff --git a/website/src/pages/swarmplot/canvas.js b/website/src/pages/swarmplot/canvas.js
index 955756b80..8e903aa86 100644
--- a/website/src/pages/swarmplot/canvas.js
+++ b/website/src/pages/swarmplot/canvas.js
@@ -130,9 +130,7 @@ const ScatterPlotCanvas = () => {
                         onClick={node => {
                             logAction({
                                 type: 'click',
-                                label: `[node] id: ${node.id}, group: ${node.group}, value: ${
-                                    node.value
-                                }`,
+                                label: `[node] id: ${node.id}, group: ${node.group}, value: ${node.value}`,
                                 color: node.color,
                                 data: node,
                             })
diff --git a/website/src/pages/swarmplot/index.js b/website/src/pages/swarmplot/index.js
index f6552cbe0..7d70b56b2 100644
--- a/website/src/pages/swarmplot/index.js
+++ b/website/src/pages/swarmplot/index.js
@@ -42,7 +42,10 @@ const initialProperties = Object.freeze({
     borderWidth: 0,
     borderColor: {
         from: 'color',
-        modifiers: [['darker', 0.6], ['opacity', 0.5]],
+        modifiers: [
+            ['darker', 0.6],
+            ['opacity', 0.5],
+        ],
     },
     margin: {
         top: 80,
@@ -132,9 +135,7 @@ const ScatterPlot = () => {
                         onClick={node => {
                             logAction({
                                 type: 'click',
-                                label: `[node] id: ${node.id}, group: ${node.group}, value: ${
-                                    node.value
-                                }`,
+                                label: `[node] id: ${node.id}, group: ${node.group}, value: ${node.value}`,
                                 color: node.color,
                                 data: node,
                             })
diff --git a/website/src/pages/waffle/canvas.js b/website/src/pages/waffle/canvas.js
index 1aac1572f..ba1e77797 100644
--- a/website/src/pages/waffle/canvas.js
+++ b/website/src/pages/waffle/canvas.js
@@ -147,9 +147,7 @@ const WaffleCanvas = () => {
                         onClick={node => {
                             let label
                             if (node.data.value !== undefined) {
-                                label = `${node.data.label}: ${node.data.value} (position: ${
-                                    node.position
-                                })`
+                                label = `${node.data.label}: ${node.data.value} (position: ${node.position})`
                             } else {
                                 label = `empty at position: ${node.position}`
                             }
diff --git a/website/src/pages/waffle/html.js b/website/src/pages/waffle/html.js
index 3676cff44..4f19f9ba6 100644
--- a/website/src/pages/waffle/html.js
+++ b/website/src/pages/waffle/html.js
@@ -96,9 +96,7 @@ const WaffleHtml = () => {
                         onClick={node => {
                             let label
                             if (node.data.value !== undefined) {
-                                label = `${node.data.label}: ${node.data.value} (position: ${
-                                    node.position
-                                })`
+                                label = `${node.data.label}: ${node.data.value} (position: ${node.position})`
                             } else {
                                 label = `empty at position: ${node.position}`
                             }
diff --git a/website/src/pages/waffle/index.js b/website/src/pages/waffle/index.js
index c8da765a7..b54fc5a74 100644
--- a/website/src/pages/waffle/index.js
+++ b/website/src/pages/waffle/index.js
@@ -125,9 +125,7 @@ const Waffle = () => {
                         onClick={node => {
                             let label
                             if (node.data.value !== undefined) {
-                                label = `${node.data.label}: ${node.data.value} (position: ${
-                                    node.position
-                                })`
+                                label = `${node.data.label}: ${node.data.value} (position: ${node.position})`
                             } else {
                                 label = `empty at position: ${node.position}`
                             }