nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries

Overview

nivo

Backers on Open Collective Sponsors on Open Collective License GitHub Actions NPM version nivo channel on discord

nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3.

Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts.

Installation

In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use:

yarn add @nivo/core @nivo/bar

Features

Discussion

Join the nivo discord community.

Packages & components

nivo is comprised of several packages/components, for a full list, please use the components explorer.

HTTP API

Components available through the HTTP rendering API.

Guides

Backers

Donations are welcome to help improving nivo [Become a backer]

Open Collective Sponsors

Support this project by becoming a sponsor, your logo will show up here with a link to your website. [Become a sponsor]

Credits

Comments
  • axis Tick for Date values

    axis Tick for Date values

    I'm trying to find a good example to get my xAxis ticks to be equally spread based on Date Time values.

    I have been trying to accomplish this using http://nivo.rocks/guides/axes documentation. However so far no success. As my data collection is not always on the same interval my graph does not equally draw the visual representation but shows every data point with same distance.

    Over here my chart code can be found. https://github.com/marcofranssen/gothermostat/blob/master/web/src/components/TemperaturesChart/TemperaturesChart.js

    I would like the data to be shown where x axis represent equally spread during the start and end time.

    Is there some documentation available to achieve this, or is this a missing feature?

    :triangular_ruler: axes :triangular_ruler: scales 
    opened by marcofranssen 67
  • Add support for custom tooltip

    Add support for custom tooltip

    Allowing custom tooltips has been requested several times:

    https://github.com/plouc/nivo/issues/117 | https://github.com/plouc/nivo/issues/186 | https://github.com/plouc/nivo/issues/120

    This issue is used to track down the ongoing implementation of custom tooltips on all nivo packages/components:

    • [x] @nivo/bar ResponsiveBar >=0.36.0
    • [x] @nivo/bar ResponsiveBarCanvas >=0.36.0
    • [x] @nivo/bullet ResponsiveBullet - https://github.com/plouc/nivo/pull/1694
    • [x] @nivo/calendar ResponsiveCalendar - https://github.com/plouc/nivo/pull/223
    • [x] @nivo/chord ResponsiveChord
    • [x] @nivo/chord ResponsiveChordCanvas
    • [x] @nivo/circle-packing ResponsiveBubble - https://github.com/plouc/nivo/pull/200
    • [x] @nivo/circle-packing ResponsiveBubbleHtml - https://github.com/plouc/nivo/pull/200
    • [x] @nivo/circle-packing ResponsiveBubbleCanvas - https://github.com/plouc/nivo/pull/200
    • [x] @nivo/heatmap ResponsiveHeatMap
    • [x] @nivo/heatmap ResponsiveHeatMapCanvas
    • [x] @nivo/line ResponsiveLine - https://github.com/plouc/nivo/pull/258
    • [x] @nivo/pie ResponsivePie - https://github.com/plouc/nivo/pull/208
    • [x] @nivo/pie ResponsivePieCanvas
    • [x] @nivo/radar ResponsiveRadar - https://github.com/plouc/nivo/pull/1761
    • [x] @nivo/sankey ResponsiveSankey
    • [x] @nivo/scatterplot ResponsiveScatterPlot - https://github.com/plouc/nivo/pull/255
    • [x] @nivo/scatterplot ResponsiveScatterPlotCanvas
    • [x] @nivo/stream ResponsiveStream - https://github.com/plouc/nivo/pull/1721
    • [x] @nivo/sunburst ResponsiveSunburst
    • [x] @nivo/treemap ResponsiveTreeMap - https://github.com/plouc/nivo/pull/200
    • [x] @nivo/treemap ResponsiveTreeMapHtml - https://github.com/plouc/nivo/pull/200
    • [x] @nivo/treemap ResponsiveTreeMapCanvas - https://github.com/plouc/nivo/pull/200
    • [x] @nivo/waffle ResponsiveWaffle - https://github.com/plouc/nivo/pull/202
    • [x] @nivo/waffle ResponsiveWaffleHtml - https://github.com/plouc/nivo/pull/202
    • [x] @nivo/waffle ResponsiveWaffleCanvas - https://github.com/plouc/nivo/pull/202
    enhancement :speech_balloon: tooltip nivo core team 
    opened by plouc 49
  • Support for events (onClick etc.)

    Support for events (onClick etc.)

    I noticed there is an onClick prop in chart component, but it's probably not used for anything right now. Do you plan on implementing some basic events with access to data of clicked element? I am currently trying to implement bar chart with onClick event (to filter in hourly data). It should also have formatted tooltip. I really like your library, it has beautiful visuals and very useful options, but I sadly need onclick for my use case.

    enhancement stale 
    opened by jurajhrib 47
  • SVG Axis Label Text Wrap

    SVG Axis Label Text Wrap

    Hi, thanks for this sweet project! I know SVG <text> elements don't quite wrap yet, and I was wondering if I've missed a way to get axis label text to wrap that currently exists in this project? I've come across https://github.com/d3plus/d3plus-text, but I'm unsure of ways to interop between nivo & d3. There is also the hacky <tspan> element which could be deployed at some level, but that feels like I'm barking up the wrong tree.

    Has this problem already been solved? If not, is it planned on being solved, or is help required?

    image :triangular_ruler: axes 
    opened by rpearce 38
  • y-axis is short

    y-axis is short

    First of all, thanks for the library. Keep up the good work!

    Describe/explain the bug The y-axis is shorter than the tallest bar

    To Reproduce

    import React, { Component } from "react";
    import { ResponsiveBar } from "@nivo/bar";
    import "./NivoBarChart.css";
    
    const data = [
      { year: "2011", papers: 190 },
      { year: "2012", papers: 61 },
      { year: "2013", papers: 31 },
      { year: "2014", papers: 106 },
      { year: "2015", papers: 109 },
      { year: "2016", papers: 16 },
      { year: "2017", papers: 16 },
      { year: "2018", papers: 16 },
      { year: "2019", papers: 16 }
    ];
    
    class NivoBarChart extends Component {
      render() {
        return (
          <ResponsiveBar
            data={data}
            keys={["papers", ]}
            indexBy="year"
            margin={{ top: 50, right: 130, bottom: 50, left: 60 }}
            padding={0.1}
            colors={{scheme: "nivo"}}
            colorBy="id"
            borderRadius={10}
            axisBottom={{
              tickSize: 5,
              tickPadding: 5,
              tickRotation: 0,
              legend: "year",
              legendPosition: "middle",
              legendOffset: 32
            }}
            axisLeft={{
              tickSize: 5,
              tickPadding: 5,
              tickRotation: 0,
            }}
            theme={{
              tooltip: {
                container: {
                  background: "black",
                  color: "white",
                  fontSize: "inherit",
                  borderRadius: "2px",
                  boxShadow: "0 1px 2px rgba(0, 0, 0, 0.25)",
                  padding: "5px 9px"
                },
                basic: {
                  whiteSpace: "pre",
                  display: "flex",
                  alignItems: "center"
                },
                table: {},
                tableCell: {
                  padding: "3px 5px"
                }
              },
              axis: {
                domain: {
                  line: {
                    stroke: "#000",
                    strokeWidth: 1
                  }
                }
              }
            }}
            enableGridX={false}
            enableGridY={false}
            label={false}
            animate={true}
            motionStiffness={90}
            motionDamping={15}
            isInteractive
            // handling mouse-over effect: borderRadius
            onMouseEnter={(d, e) => {
              e.target.classList.remove("smooth");
              e.target.classList.add("sharp");
            }}
            onMouseLeave={(d, e) => {
              e.target.classList.remove("sharp");
              e.target.classList.add("smooth");
            }}
          />
        );
      }
    }
    
    export default NivoBarChart;
    

    Expected behavior The biggest number is 190, but y-axis only goes up to 180. It should include 200 as well.

    Screenshots image

    Desktop (please complete the following information):

    • OS: Win 10
    • Browser Opera
    • Version 62
    • Nivo Bar 0.59.2
    stale 
    opened by pmsoltani 33
  • dynamically determine best tooltip anchor

    dynamically determine best tooltip anchor

    Version of nivo tested: 0.58.0

    Is your feature request related to a problem? Please describe. Our concern/feature request is primarily related to the line chart, but this affects other chart types too.

    After upgrading to a recent version of nivo, the tooltips stopped being positioned relatively such that they don't overflow the bounding box. In a previous version we were using (0.31.0, specifically), the tooltip would adjust by anchoring itself on the opposite side of the cursor when the pointer reached the midpoint. Now it seems the scheme has changed and an anchor attribute must be provided.

    I don't think this option will let us dynamically position the tooltip to avoid colliding with the boundary.

    Describe the solution you'd like It would be better for us if the tooltip would dynamically anchor itself like it used to. Alternatively, we'd like to be able to use a hook to determine the best anchor dynamically

    Describe alternatives you've considered I considered sending a PR to modify the positioning logic, but I don't feel comfortable with this approach.

    https://github.com/plouc/nivo/blob/master/packages/tooltip/src/hooks.js#L29-L41

    const bounds = container.current.getBoundingClientRect()
    let x = event.clientX - bounds.left
    let y = event.clientY - bounds.top
    
    if (anchor === 'left' || anchor === 'right') {
      if (x < bounds.width / 2) anchor = 'right'
      else anchor = 'left'
    }
    

    Basically, I cannot imagine something like this being mergeable, although it does work well for my application.

    I would like to solve this problem by potentially allowing an "auto" option for anchor, or something like that.

    Additional context I sincerely hope this is a feature request, and not simply a demonstration of ignorance on my part. I tried to figure this out myself before resorting to this request

    enhancement :speech_balloon: tooltip stale 
    opened by humanchimp 33
  • custom legend text in BarChart

    custom legend text in BarChart

    Hi there,

    Nivo is amazing! Thanks for all the great work.

    Is there a way to set custom legend text in BarChart?

    In https://github.com/plouc/nivo/blob/master/packages/nivo-bar/src/Bar.js it seems like text either comes directly from keys or indexes.

    What we really need is a way to pass in some function i.e.

            legends={
              [
                {
                  "dataFrom": () => {
                        // returns array of { label: xxx, fill: yyy } objects
                  }
                  "anchor": "bottom-right",
                  "direction": "column",
                }
              ]
            }
    

    Any ideas really appreciated!

    :information_source: question :bar_chart: bar legends stale 
    opened by benzitohhh 31
  • TypeScript definitions

    TypeScript definitions

    This issue is used to track down the ongoing work on TypeScript definitions for nivo packages.

    As nivo isn't built using TypeScript, it does not include definitions, if you're working in a TS environment and already created one for your use case, please do not hesitate to submit a PR!

    • [x] @nivo/bar ResponsiveBar - https://github.com/plouc/nivo/pull/199
    • [x] @nivo/bar ResponsiveBarCanvas - https://github.com/plouc/nivo/pull/199
    • [x] @nivo/calendar ResponsiveCalendar - https://github.com/plouc/nivo/pull/223
    • [x] @nivo/calendar ResponsiveCalendarCanvas
    • [x] @nivo/chord ResponsiveChord
    • [x] @nivo/chord ResponsiveChordCanvas
    • [ ] @nivo/circle-packing ResponsiveBubble
    • [ ] @nivo/circle-packing ResponsiveBubbleHtml
    • [ ] @nivo/circle-packing ResponsiveBubbleCanvas
    • [x] @nivo/heatmap ResponsiveHeatMap - https://github.com/plouc/nivo/pull/198
    • [x] @nivo/heatmap ResponsiveHeatMapCanvas - https://github.com/plouc/nivo/pull/198
    • [x] @nivo/line ResponsiveLine - https://github.com/plouc/nivo/pull/316
    • [x] @nivo/line ResponsiveLineCanvas
    • [x] @nivo/pie ResponsivePie - https://github.com/plouc/nivo/pull/207
    • [x] @nivo/radar ResponsiveRadar
    • [x] @nivo/sankey ResponsiveSankey - https://github.com/plouc/nivo/pull/211
    • [x] @nivo/scatterplot ResponsiveScatterPlot - https://github.com/plouc/nivo/pull/319
    • [x] @nivo/scatterplot ResponsiveScatterPlotCanvas - https://github.com/plouc/nivo/pull/319
    • [x] @nivo/stream ResponsiveStream
    • [x] @nivo/sunburst ResponsiveSunburst
    • [x] @nivo/treemap ResponsiveTreeMap
    • [x] @nivo/treemap ResponsiveTreeMapHtml
    • [x] @nivo/treemap ResponsiveTreeMapCanvas
    • [x] @nivo/waffle ResponsiveWaffle - https://github.com/plouc/nivo/pull/202
    • [x] @nivo/waffle ResponsiveWaffleHtml - https://github.com/plouc/nivo/pull/202
    • [x] @nivo/waffle ResponsiveWaffleCanvas - https://github.com/plouc/nivo/pull/202
    :pray: help wanted :keyboard: in progress :red_circle: circle-packing typescript 
    opened by plouc 30
  • Support calendars less than a year long

    Support calendars less than a year long

    I'd like to show a range of dates, ex. 3 months, without showing the entire calendar year. I see that you can use the from and to to specify the year that you want, but I'd like to only show the dates starting and ending on the from and to dates.

    Perhaps a prop to opt in / out of this behavior?

    Happy to help with a PR if you agree. THANK YOU for all of your hard work, this is an amazing library!

    Related: https://github.com/plouc/nivo/issues/203

    enhancement :calendar: calendar proposal 
    opened by kristiehowboutdat 29
  • Chart plays animations when first mounted

    Chart plays animations when first mounted

    Describe the solution you'd like Charts will play an animation (e.g. fade in) when first mounted. Similar to how recharts (sorry for mentioned another similar library here) behave. Currently, only a limited amount of charts (e.g. Network. Yet, most of them are uncommon) support that.

    stale 
    opened by mwskwong 25
  • Fix legendDataForKeys() missing data #111

    Fix legendDataForKeys() missing data #111

    Stacked bar charts currently assume the first bar has all the items for the legend. This fix looks at all bars. https://github.com/plouc/nivo/issues/111

    opened by stahlmanDesign 24
  • Pass all the ticks to the `renderTick` function

    Pass all the ticks to the `renderTick` function

    Is your feature request related to a problem? Please describe. It's currently impossible to understand the magnitude of all the ticks when rendering a particular one.

    E.g. depending on the whole ticks set we want to render: 500, 1000, 1500, 2000 as 0.5K, 1K, 1.5K, 2K and 100, 200, 300, 400, 500 as 100, 200, 300, 400, 500

    Describe the solution you'd like Adding all the ticks to the renderTick callback will allow to easily understand the magnitude and also is a really simple change

    Describe alternatives you've considered We can understand ticks magnitude from the max data value but it's less of a universal solution, since data formats differ and results in extra calculations

    opened by liqwid 0
  • Line chart responsive error

    Line chart responsive error

    Describe/explain the bug

    When I use the Line chart and minimize the window size, I get this error : Error: <g> attribute transform: Expected ')', "…761569687297e-17translate(, ), 5… ". If you watch the video, you will see that, when the errors are triggered, the points of the first x axis ("plane") disappear before reappearing.

    To Reproduce

    Go to "https://nivo.rocks/line/", open your console and minimize your window.

    Video

    If applicable, add screenshots to help explain your problem.

    Desktop

    • OS: macOS
    • Browsers: Brave / Chrome
    • Versions: 1.45.131 / 108.0.5359.124
    opened by Pierre-Citima 0
  • Nivo Calendar - Sorting

    Nivo Calendar - Sorting

    Hi! Thanks for creating and maintaining this project. It's a great library and I've enjoyed working with it.

    When displaying more than 1 calendar year, would it be possible to sort the calendars so the most recent year is first?

    Thanks again!

    opened by beewuu 0
  • Add background color to bars

    Add background color to bars

    I am trying to find a way to add a full-height background color to my bars.

    Here is an example of what I'd like to accomplish:

    Screenshot 2022-12-16 at 6 38 26 PM

    Here is what I have currently: Screenshot 2022-12-16 at 6 38 40 PM

    As you can see, I don't have the grey background colors behind the bars... Is there anyway this can be accomplished?

    (Also, if anyone knows how to have the curved borders that would be nice!)

    opened by CoolTechYT 0
  • missing and wrong types for custom layers

    missing and wrong types for custom layers

    continuation of https://github.com/plouc/nivo/issues/1947 which was unfortunatly closed.

    custom layers are hard to use as they don't have proper typings.

    see the issue above, but there are other problems too:

    • CustomLayerProps only work for lines, it defines a lineGenerator, but not the other generators
    • CustomLayerProps cannot be used because of the issue above
    • there is no CustomAreaProps type or so, which contains an area generator

    https://github.com/plouc/nivo/issues/1947 describes a solution for the xScale / yScale problem, but i think thats only a workaround. I also published packages (written in typescript) that publish types and had never problem with third-party types, users did not need to install thoses as peer-dependencies.

    In this case the problem is probably because d3 is also not properly typed and users need to install the definitly-typed types from @types/d3-xxx, which is always a workaround.

    i would strongly recommend to gradually adopt typescript also in the codebase, only that approach will lead to always consistent tpes. definitly-typed (@types/xxx) can easily get out-of-sync.

    To Reproduce

    https://github.com/plouc/nivo/issues/1947 provides a codesandbox for one of those type problems

    Expected behavior

    Given how nice the documentation of nivo is, I would also expect that it has 100% type coverage. 😉

    opened by macrozone 0
Releases(v0.80.0)
  • v0.80.0(Sep 8, 2022)

    v0.80.0 (2022-09-08)

    Features

    • canvas: add custom ref to ScatterPlotCanvas and NetworkCanvas (#1953) (b0210744)
    • choropleth: add support for defs and fill to the choropleth (#2072) (e18733e7)
    • deps: upgrade package constraints to include React 18 (#2056) (9df8a0ae)
    • radar: add support for global rotation to the radar chart (#1985) (d57345a7)
    • radial-bar: implement defs/fill, modeled after Bar implementation (#1957) (c40006f5)
    • react-18: upgrade react-spring to 9.4.5 (#1993) (1b539a4c)

    Bug Fixes

    • remove required for labelYOffset in DotsItem (d4daf2ce)
    • axes: Avoid duplicate key error with time scales at millisecond precision (#1756) (b372ec95)
    • bar:
      • align d3-shape version with other packages (#2076) (95a81d5c)
      • allow BarCanvas axis to be nullable (#1980) (d15406e0)
    • codesandbox: fix typo in jsx prop assignment (#1960) (2d8aaafc)
    • core: ignore useMeasure hook if not in a browser context (2763c4a2)
    • line: make copy of points data before reversing (45c31e94)
    • linting: fix bug in makefile script for linting an individual package (#1982) (17e33766)
    • pie: fix custom tooltip not updated due to missing hook deps (#2089) (9634f318)
    • sankey: include link's index in the React Component key when creating the SVG element (#2037) (5985ab40)
    • scales: fix a TypeScript bug when creating log scales (#2001) (43af675e)
    • tooltip: fix positioning when charts are rendered inside an scaled div (#2034) (a1a529c9)
    • xss: Fixed XSS security bug (#1929) (f83ad7bd)

    Chore

    • deps:
      • update yarn.lock (fb6cc9fb)
      • bump terser from 4.8.0 to 4.8.1 (9bc03db5)
      • bump moment from 2.29.2 to 2.29.4 (2b0037cb)
      • bump parse-url from 6.0.0 to 6.0.2 (f1a0f116)
      • bump devcert from 1.2.0 to 1.2.1 (b78c3d10)
      • bump jpeg-js from 0.4.3 to 0.4.4 (86312950)
      • bump nanoid from 3.1.30 to 3.3.4 (eebfb94a)
      • bump moment from 2.29.1 to 2.29.2 (165d8a86)
      • bump minimist from 1.2.5 to 1.2.6 (b52fbbf2)
    Source code(tar.gz)
    Source code(zip)
  • v0.79.1(Jan 12, 2022)

    What's Changed

    • Remove react-motion from @nivo/colors by @plouc in https://github.com/plouc/nivo/pull/1885

    Full Changelog: https://github.com/plouc/nivo/compare/v0.79.0...v0.79.1

    Source code(tar.gz)
    Source code(zip)
  • v0.79.0(Jan 12, 2022)

    What's Changed

    • feat(website): inline global styles by @plouc in https://github.com/plouc/nivo/pull/1877
    • chore(core): export useMeasure in typings by @hehex9 in https://github.com/plouc/nivo/pull/1881
    • Migrate @nivo/heatmap to TypeScript by @plouc in https://github.com/plouc/nivo/pull/1880
    • Use static images for the homepage rather than components to avoid a "big hit" when launching just the home by @plouc in https://github.com/plouc/nivo/pull/1884

    New Contributors

    • @hehex9 made their first contribution in https://github.com/plouc/nivo/pull/1881

    Full Changelog: https://github.com/plouc/nivo/compare/v0.78.0...v0.79.0

    Source code(tar.gz)
    Source code(zip)
  • v0.78.0(Jan 12, 2022)

    What's Changed

    • feat(network): improve stories by @plouc in https://github.com/plouc/nivo/pull/1873
    • Migrate @nivo/chord to TypeScript and react-spring by @plouc in https://github.com/plouc/nivo/pull/1874
    • feat(website): fix api client layout by @plouc in https://github.com/plouc/nivo/pull/1875
    • Migrate @nivo/treemap to TypeScript by @plouc in https://github.com/plouc/nivo/pull/1876

    Full Changelog: https://github.com/plouc/nivo/compare/v0.77.0...v0.78.0

    Source code(tar.gz)
    Source code(zip)
  • v0.77.0(Dec 31, 2021)

    What's Changed

    • Add support for custom tooltips in Funnel #1169 by @onionhammer in https://github.com/plouc/nivo/pull/1871
    • Migrate @nivo/network to TypeScript by @plouc in https://github.com/plouc/nivo/pull/1767

    Full Changelog: https://github.com/plouc/nivo/compare/v0.76.0...v0.77.0

    Source code(tar.gz)
    Source code(zip)
  • v0.76.0(Dec 29, 2021)

    What's Changed

    • feat(website): normalize charts properties definition by @plouc in https://github.com/plouc/nivo/pull/1864
    • Improve website by @plouc in https://github.com/plouc/nivo/pull/1866
    • feat(website): continue migration to TypeScript by @plouc in https://github.com/plouc/nivo/pull/1868
    • @nivo/bump TypeScript migration by @plouc in https://github.com/plouc/nivo/pull/1869

    Full Changelog: https://github.com/plouc/nivo/compare/v0.75.0...v0.76.0

    Source code(tar.gz)
    Source code(zip)
  • v0.75.0(Dec 17, 2021)

    What's Changed

    • feat(api): migrate API to TypeScript and fix stale mappings and examples by @plouc in https://github.com/plouc/nivo/pull/1859
    • bar docs: fix typo (legeds -> legends) by @davidcalhoun in https://github.com/plouc/nivo/pull/1858
    • fix(core): export linearGradientDef in typings by @victoransel1 in https://github.com/plouc/nivo/pull/1836
    • fix(swarmplot): use the borderWidth property - fixes #1813 by @benjamintd in https://github.com/plouc/nivo/pull/1814
    • fix(bar): avoid to redefine react forwardRef type by @adriengibrat in https://github.com/plouc/nivo/pull/1793
    • fix(core): import missing SVGProps type by @plouc in https://github.com/plouc/nivo/pull/1860

    New Contributors

    • @davidcalhoun made their first contribution in https://github.com/plouc/nivo/pull/1858
    • @victoransel1 made their first contribution in https://github.com/plouc/nivo/pull/1836
    • @adriengibrat made their first contribution in https://github.com/plouc/nivo/pull/1793

    Full Changelog: https://github.com/plouc/nivo/compare/v0.74.1...v0.75.0

    Source code(tar.gz)
    Source code(zip)
  • v0.74.1(Dec 13, 2021)

    What's Changed

    • feat(radar): add support for patterns and gradients by @adamberro in https://github.com/plouc/nivo/pull/1807
    • feat(defs): allow gradientTransform to be passed to gradient definitions by @benjamintd in https://github.com/plouc/nivo/pull/1812
    • fix(radial-bar): remove unnecessary console log by @benjamintd in https://github.com/plouc/nivo/pull/1830
    • chore: update @react-spring/web to 9.3.1 by @keenahn in https://github.com/plouc/nivo/pull/1849

    New Contributors

    • @adamberro made their first contribution in https://github.com/plouc/nivo/pull/1807
    • @benjamintd made their first contribution in https://github.com/plouc/nivo/pull/1812
    • @keenahn made their first contribution in https://github.com/plouc/nivo/pull/1849

    Full Changelog: https://github.com/plouc/nivo/compare/v0.74.0...v0.74.1

    Source code(tar.gz)
    Source code(zip)
  • v0.74.0(Dec 11, 2021)

    What's Changed

    • feat(bullet): add custom tooltip by @jquintozamora in https://github.com/plouc/nivo/pull/1694
    • Allow fontWeight set in theme to effect canvas axes by @vanbujm in https://github.com/plouc/nivo/pull/1708
    • Grammar corrections by @codepharmer in https://github.com/plouc/nivo/pull/1696
    • Add link to header image by @meesvandongen in https://github.com/plouc/nivo/pull/1692
    • Fix: ResponsiveSwarmPlotCanvas does not work with valueScale type time by @Patil2099 in https://github.com/plouc/nivo/pull/1707
    • Improve SVG bar chart accessibility by @plouc in https://github.com/plouc/nivo/pull/1719
    • Migrate stream package to TypeScript by @plouc in https://github.com/plouc/nivo/pull/1721
    • feat(timerange): add from, to, and emptyColor props by @vgeary96 in https://github.com/plouc/nivo/pull/1722
    • Migrate @nivo/scatterplot package to typescript by @plouc in https://github.com/plouc/nivo/pull/1726
    • Fix autoscale of linechart when data have holes. by @PierrVanRoy in https://github.com/plouc/nivo/pull/1729
    • Cleanup examples by @plouc in https://github.com/plouc/nivo/pull/1744
    • Upgrade gatsby by @plouc in https://github.com/plouc/nivo/pull/1745
    • feat(core): remove unused withCurve and withHierarchy HOCs by @plouc in https://github.com/plouc/nivo/pull/1746
    • Modifying Radar's Axis to be drawn by Axis.domain.line of the Theme by @GoodGoodJM in https://github.com/plouc/nivo/pull/1754
    • Sankey typescript migration by @plouc in https://github.com/plouc/nivo/pull/1748
    • Migrate @nivo/funnel to TypeScript by @plouc in https://github.com/plouc/nivo/pull/1760
    • @nivo/radar TypeScript migration by @plouc in https://github.com/plouc/nivo/pull/1761
    • @nivo/radial-bar by @plouc in https://github.com/plouc/nivo/pull/1769
    • Add missing line props in Bump TS definition by @filahf in https://github.com/plouc/nivo/pull/1787
    • fix(radar): improve radar's legend data to be customizable by @minemanemo in https://github.com/plouc/nivo/pull/1786
    • feat(core): upgrade react-spring by @plouc in https://github.com/plouc/nivo/pull/1798

    New Contributors

    • @jquintozamora made their first contribution in https://github.com/plouc/nivo/pull/1694
    • @vanbujm made their first contribution in https://github.com/plouc/nivo/pull/1708
    • @codepharmer made their first contribution in https://github.com/plouc/nivo/pull/1696
    • @meesvandongen made their first contribution in https://github.com/plouc/nivo/pull/1692
    • @Patil2099 made their first contribution in https://github.com/plouc/nivo/pull/1707
    • @vgeary96 made their first contribution in https://github.com/plouc/nivo/pull/1722
    • @PierrVanRoy made their first contribution in https://github.com/plouc/nivo/pull/1729
    • @GoodGoodJM made their first contribution in https://github.com/plouc/nivo/pull/1754
    • @filahf made their first contribution in https://github.com/plouc/nivo/pull/1787
    • @minemanemo made their first contribution in https://github.com/plouc/nivo/pull/1786

    Full Changelog: https://github.com/plouc/nivo/compare/v0.73.1...v0.74.0

    Source code(tar.gz)
    Source code(zip)
  • v0.73.1(Jul 14, 2021)

  • v0.73.0(Jul 14, 2021)

    Bug Fixes

    • axes: support null props to Axes component (0ed6676e)
    • bar:
      • support null axis* props (156b88ad)
      • fix animations when swapping keys (#1656) (f665bc3a)
    • bullet: add missing range/measure border color/width props (#1645) (2e5df09f)
    • bump: support null axis* props (1c42e119)
    • line:
      • use correct motion types (#1685) (3e0f074c)
      • make copy of lines data before reversing (#1644) (47e963ac)
    • marimekko: support null axis* props (d8dbea2f)
    • scales: handle empty series with timescale (#1683) (81880cc5)
    • website:

    Chore

    • deps:
      • upgrade react-spring to v9.2.4 (#1686) (85be2089)
      • update clog to v1.0.1 (#1678) (6cf688f1)
      • upgrade react minimum peer deps range to v16.14.0 (#1677) (11bc6fcd)

    Breaking Changes

    • upgrade react minimum peer deps range to v16.14.0 (#1677) (11bc6fcd)
    Source code(tar.gz)
    Source code(zip)
  • v0.72.0(Jun 29, 2021)

    Features

    • bar:
      • add custom renderer support (459e74c8)
      • add layers support to canvas flavor (c39e91f5)
      • add annotations/borderRadius to canvas flavor (31438233)
      • enable labels for canvas flavor (602c1c3c)
      • convert canvas flavor to functional component (3cac1d56)
      • add support for valueFormat (e142895f)
      • add ability to customize legend label (3f0bb4e2)
      • support initialHiddeIds prop (29a80c6f)
      • switch from react-motion to react-spring (abef1fae)
      • migrate package to typescript (10ae918f)
    • bullet: support minValue/maxValue properties (#1635) (86c5d81e)
    • calendar: expose weekdayTicks prop on TimeRange component (#1634) (efafa016)

    Bug Fixes

    • axes: update scale types to use @nivo/scales (0f4271d2)
    • bar:
    • build:
      • move scales above axes (e9ba49ec)
      • move voronoi up in the references (33a0cdbc)
    • bullet: fix broken tests (d508d10b)
    • bump: provide datum to InheritedColorConfig type (48373c13)
    • chord:
      • provide datum to InheritedColorConfig type (a9f392eb)
      • fix missing typescript properties (#1636) (8752e396)
    • radar: provide datum to InheritedColorConfig type (dcf85170)
    • sankey: use node color for link color (#1615) (1002edb5)
    • storybook: add configuration to make it work again (eb308f1c)
    • website: update bar tooltip to prevent crash (#1627) (0dd20f1d)

    Chore

    • bar:
      • reuse a few types (1295d1f4)
      • refactor tooltip label customization (13629296)
      • convert stories to typescript (3cbca763)
      • convert test to typescript (718e4f5c)
      • replace snapshot tests (b8c497a9)
      • refactor commonProps for reuse (82262a25)
      • refactor layerById to be more like pie (44358859)
      • switch from LegacyContainer to Container (312b64d2)
    • bullet: switch from d3-scale to @nivo/scales (dfd0099f)
    • deps: upgrade react to v17.0.2 (#1612) (fe388ff3)
    • website: update bar information (f04e9ea1)
    Source code(tar.gz)
    Source code(zip)
  • v0.71.0(Jun 22, 2021)

    Features

    • annotations:
    • bar: add ability to toggle serie via legend item (#1556) (0def428c)
    • bump: add additional props to custom layers (#1560) (8bd5a77a)
    • calendar:
      • migrate package to typescript (#1558) (4e8280da)
      • add TimeRange component and storybook (#1503) (8245fbd4)
    • deps: upgrade d3-time-format (ed792656)
    • generators: add generateOrderedDayCounts function (fbcadd70)
    • line: add ability to toggle serie via legend item (#1555) (463d380e)
    • network: add onClick support for node (#1568) (c9156aac)
    • pie: add ability to toggle serie via legend item (#1582) (23059e02)
    • scales:
    • scatterplot: add ability to specify nodeId accessor (343ef6f1)
    • stream: add ability to customize legend label (780954af)
    • swarmplot:
    • website:

    Bug Fixes

    • axes: fix time scale bug with days crossing a new month (#1565) (cc27a856)
    • bar:
      • get working with scales updates (48880b43)
      • fix when values are updated from 0 in grouped mode (#1585) (8ff82034)
      • fix inconsistency with custom tooltip (2479df38)
    • calendar: update TimeRange component for consistency (23d569c6)
    • legends: update proptypes to avoid generated type error (f0acb818)
    • line: get working with scales updates (c2e9631b)
    • pie:
      • correct argument type to usePie hook (191e3e0b)
      • use legend.data property if supplied (acdfa902)
    • scales:
    • scatterplot: get working with scales updates (d9e3a5bc)
    • stream: get working with scales updates (73a0812c)
    • swarmplot:
    • website: update imports from @nivo/calendar (c7f9876e)

    Chore

    • annotations: refactor package (f91e8f2a)
    • bar: add tests for tooltip (12d84504)
    • core: revert "fix(core): avoid occasional "ResizeObserver loop" error (#1466)" (8a999326)
    • deps:
      • upgrade lodash to v4.17.21 (3435784d)
      • upgrade react-spring to v9.2.0 (#1554) (fadeb0e2)
    • pie: add test (5e9efe20)
    • scatterplot: respond to pr feedback (0f6f3425)
    • stream: respond to pr feedback (54dc1c29)
    • swarmplot: refactor package (6c906c0a)
    • website: update swarmplot information (d87f5dcb)
    Source code(tar.gz)
    Source code(zip)
  • v0.70.1(May 27, 2021)

    Bug Fixes

    • bar: add getTooltipLabel to BarItemProps typings (#1550) (a0911832)
    • core: export ThemeProvider in typings (#1547) (b820166b)
    • geo: add legends prop to typings for Choropleth (#1548) (25270001)
    • legends: mark data and padding props as optional (#1545) (31995708)
    • line:
      • correct typing for lineGenerator prop (#1549) (b66ac11a)
      • update types from DataFormatter to ValueFormat (#1546) (37c89e02)
    • packages: remove global from default props (#1544) (4eb54cad)
    Source code(tar.gz)
    Source code(zip)
  • v0.70.0(May 24, 2021)

    Features

    • bar: use custom label for legends (#1371) (ae637f17)
    • bump: support more series than ranks (#1540) (d07097d3)
    • examples: improve codesandbox example (#1523) (bdbb48f9)
    • heatmap: allow label formatting (#1428) (92d11b14)
    • legends: migrate package to typescript (#1512) (d9ec5fdc)
    • sunburst: pass child node to childColor function (#1520) (5580e968)

    Bug Fixes

    • axes: restore memoization (#1521) (729cd555)
    • bar: pass renderWrapper prop to container (a258e0b0)
    • build: mark @react-spring packages as external (#1537) (7bc4fc72)
    • colors: update react peer dep to be < 18.0.0 (091dad31)
    • core: avoid occasional "ResizeObserver loop" error (#1466) (7f88e10d)
    • heatmap: return currentCellId from useHeatmap hook (#1536) (c572f803)
    • marimekko: update react peer dep to be < 18.0.0 (cb983901)
    • pie: pass renderWrapper prop to container (cec89ff2)
    • swarmplot: fix swarmplot node onMouseMove event (#1529) (7f998811)
    • treemap: adjust label type to accept a function (#1541) (3dca0ae3)
    • website:
      • update link to bar race chart example (#1524) (b323e986)
      • update circle-packing page code (dbc0aed2)

    Chore

    • deps: Use @react-spring/web (#1517) (3cf486f5)
    Source code(tar.gz)
    Source code(zip)
  • v0.69.1(May 3, 2021)

  • v0.69.0(Apr 30, 2021)

    Features

    • axes: init migration to typescript (73f98032)
    • build: add test watch commands to makefile (e706d48e)
    • circle-packing:
      • update default childColor (ca07b9e6)
      • restore patterns and gradients support for the SVG implementation (08ee5155)
      • add a dedicated prop to enable parent color inheritance (b864de9f)
      • update website descriptions (b91c0570)
      • update stories (9b7a3046)
      • restore border support (2911b61c)
      • restore pixelRatio property for canvas implementation (56491038)
      • add colorBy property to control which property should be used to assign a color (10914684)
      • add mouse handlers support to canvas implementation (82cb7c55)
      • add zoom support (d8c7a883)
      • expose hooks to be able to build fully custom charts (03433b02)
      • add support for custom circle component to SVG and HTML implementations (6f8a4caf)
      • memoize labels transition phases (d9170572)
      • add support for mouse handlers to SVG and HTML implementations (138eafb5)
      • restore labels (4fb658dc)
      • restore leavesOnly support (07135815)
      • migrate canvas implementation to new architecture (478da0ee)
      • rename Bubble to CirclePacking (43bb075c)
      • init hooks (6fb27f70)
      • remove licence headers (1f5290a7)
      • enable TS support (e75f1c89)
    • d3-scale: upgrade d3-scale package (c976d663)
    • deps: replace recompose with inlined version (#1494) (09b02069)
    • generators: migrate package to typescript (#1492) (46d2ae0c)
    • voronoi:

    Bug Fixes

    • axes:
      • update some types (b5d5f0f3)
      • create alias for axis value (f11d0347)
      • improve package types (f7fcc751)
      • remove undefined cursor style prop from AxisTick (eb969df8)
      • ensure document exists in the environment (#1489) (a2e0d891)
    • build: include latest changelog when publishing (e9360be8)
    • bullet: remove some ts-ignore comments (b4372cf1)
    • circle-packing:
      • add support for controlled zoomed ID (faf00aa8)
      • fix HTML implementation overflow (f83f2f1c)
    • deps: remove recompose (53b9c1cc)
    • legends: Add missing symbolBorderWidth to typings (#1431) (a00ef4a1)

    Chore

    • axes:
      • exclude tsbuildinfo from package (828656f7)
      • changes to support react-spring v9.1.2 (dfd3ef08)
    • build: update messaging in makefile (6b9af77d)
    • changelog: update changelog (c3f293da)
    • circle-packing: fixes after rebase to master (89109d93)
    • docs: fix typo (#1495) (353e9837)
    Source code(tar.gz)
    Source code(zip)
  • v0.68.0(Apr 23, 2021)

    Features

    • arcs:
      • fix typo in useArcLinkLabelsTransition comment (62766378)
      • improve label accessor in ArcLinkLabelsProps (3aa12a3b)
      • finalize arc link labels (89c52e60)
      • move canvas helpers to scoped directories (f0d9d19c)
      • improve labels handling (c1bfd514)
      • add the ability to pass custom arc label/arc link label components (8fb574c9)
      • provide generic arc labels/arc link labels layer (547b6352)
      • normalize arc labels props (08b75bff)
      • fix arc border width (f2223d77)
      • move arc hover detection from core to arcs package (30be4925)
      • add configurable transition modes (e76747d7)
      • introduce @nivo/arcs package (afc6b8cc)
    • chord: use arc hover detection from @nivo/arcs (3eece0ad)
    • core:
      • improve property accessor utilities (90958bdc)
      • remove ts-ignore directive from useValueFormatter imports (640393ba)
      • improve value formatter typings (5b158797)
      • remove license headers from hook modules (09e3f839)
      • remove license headers from lib modules (e4eb8f72)
      • remove license headers from props utilities (b05913d1)
      • move arc bounding box unit tests to the arcs package (6c30f05a)
    • legends: remove recompose from dependencies (29e7531c)
    • line: use theme values for line slice tooltip (#1471) (0f67123f)
    • linting: add lint --fix option and create new make option (#1484) (dd74cbb3)
    • pie:
      • remove lodash (fe4f6342)
      • add story to showcase custom arc label component (37cb3d15)
      • adjust stories according to refactoring (4ca47ac6)
      • rename slices to arcs (39f06445)
      • fix typings for arc mouse handlers (4d3d303f)
      • use generic ArcsLayer from the arcs package (b14ffcd3)
      • compute radial lables in arcs package (15625766)
      • use mostly the arc package for PieCanvas (46af372a)
      • use @nivo/arcs to compute PieCanvas slice labels (ce6bb875)
      • use Container instead of withContainer HOC (0fb7756b)
      • fix angle padding (3baba4c6)
      • add radius offsets support for active arcs (cfc0cb63)
      • improve transitions and fix slice labels (9365ae27)
      • restore feature parity for slices (5dbbe0cd)
      • add transitions for arcs (ccb1656d)
    • scales:
      • add nice argument to linear and time scales (#1473) (644faf46)
      • add option to clamp linear scales (#1342) (b5584de6)
    • sunburst:
    • testing: add enzyme types (d66d4e92)
    • website: update references (5b2deb56)

    Bug Fixes

    • arcs: fix packages version due to new release (c1ddb3d0)
    • axes: rtl issue with x-axis (#1349) (95f3b343)
    • axis: time series rendering (#1408) (d80dafd6)
    • bar:
      • types don't allow bar component as any svg element (#1469) (20697e57)
      • improve grouped bar performance (#1404) (f37d066e)
    • core:
      • fix invalid core types (#1386) (296f5d1c)
      • add missing marker typings (#1440) (ff2cc31d)
      • fix type definition of PatternSquaresDef (#1355) (bf27d55d)
    • deps: upgrade react-spring to v9.1.2 (#1480) (1d94b5f1)
    • doc: fix grammar errors in docs/comments (b5bbeda7)
    • funnel: fix dependencies on other nivo packages (#1486) (a1a12411)
    • pie:
      • fix pie stories (4c8cde1e)
      • fix existing tests due to usage of @nivo/arcs (6d5fb272)
      • fix skip angle for slice labels (70c1ef24)
    • tooltip: Add anchor param to showTooltipFromEvent type (#1420) (1c2569e4)
    • voronoi:
      • length undefined in production (#1441) (80a9c376)
      • fix typo in export class name (#1436) (245b0cd4)
    • website: fix typo in pie props (#1380) (ce7c755b)

    Chore

    • changelog: update changelog (f5dae750)
    Source code(tar.gz)
    Source code(zip)
  • v0.67.0(Apr 21, 2021)

    Features

    • bar: typescript - uses string unions to define BarLayerType (#1322) (a1e08f57)
    • sunburst:

    Bug Fixes

    • area-bump: Return a new serie reference when color or styles change (844c311f, closes #1301)
    • bump: Return a new serie reference when color or styles change (07c8ba10)
    • generators: change duplicate keys in tree data (149d1a64)
    • pie: fix types related to d3-shape (624d5859)
    • sunburst:
      • fix logic with radius and centerX/Y (ee593828)
      • get build passing again (77fcc219)
      • fix with child color modifier story (96ac069f)
    • website: update sunburst to not crash on hover (952ad507)

    Chore

    • build: workaround lerna issues (98be804e)
    • changelog: update changelog (0fb693bc)
    • sunburst: rename slice label props for consistency (6717e5b0)
    Source code(tar.gz)
    Source code(zip)
  • v0.66.0(Nov 27, 2020)

    Features

    • bar: add the ability to round index scale (#1282) (1ab12579)

    Bug Fixes

    • bar: fix stacked bars when key is missing (#1291) (484235ff)
    • changelog: update clog to allow setting a tag date (#1278) (e984d72b)
    • core: add missing properties back to theme type (#1292) (681e0c28)

    Chore

    • build: bump any nivo peer dep on version mismatch (b0dd147c)
    Source code(tar.gz)
    Source code(zip)
  • v0.65.1(Nov 17, 2020)

  • v0.65.0(Nov 16, 2020)

    Features

    • BarCanvas
      • allow to use ref to access the underlying canvas (fb91ca4e)
      • add a ref to access the canvas (ce5b67a1)
    • axes adjustments for react-spring@next (46dbb5a4)
    • bar add BarItem component to the exposed package API (#1261) (df211c03)
    • bullet
      • adjustments for react-spring@next (c567ae18)
      • convert stories to typescript (b2894a91)
      • switch from react-motion to react-spring (04f07093)
      • convert to functional components (3f63fd99)
      • remove recompose dependency (ff7f1bc8)
      • init package migration to typescript (d07378a3)
    • colors
      • update package typings according to TypeScript migration (e98d8e07)
      • migrate ordinalColorScale to TypeScript (7bb42c68)
      • migrate prop types to TypeScript (6bf1f7d4)
      • rename InheritedColorProp to InheritedColor in all package typings (29a73083)
      • migrate inheritedColor to TypeScript (436117da)
      • migrate motion to TypeScript (e1785918)
      • add typings for color schemes and interpolators (1093da12)
      • init TypeScript migration (2383b4d5)
    • core
      • add proper type for useTheme hook (66d2f4f0)
      • add missing spring config to Container (25aa18fb)
    • line forward ref to the canvas element (4be9c8ab)
    • marimekko
      • fix doc typos and add missing custom layer props to the doc (ae4c329c)
      • update README preview (ca4a0d66)
      • add support for legends (f39f12a7)
      • add story about custom layers (8560b6ad)
      • add support for value formatter (c5429db2)
      • add icons and preview for README (71b06a84)
      • add bar groups position and dimensions to layers context (8ba4c018)
      • add support for patterns and gradients (d75a3952)
      • fix vertical layout and diverging offset (604b523f)
      • add support for axes and grid (8e4cd0d6)
      • add support for custom tooltip (ed74e9f1)
      • expose thickness and dimensions scale (914f1857)
      • add the ability to configure the stack offset (a8437cca)
      • add stories (6b6aa949)
      • pass default props to InnerMarimekko (bb85398f)
      • improve motion configuration (7df05809)
      • add support for mouse handlers (4f244ea3)
      • improve documentation about data props (3178ce81)
      • compute bars from top level component and pass them to custom layers (146a04b2)
      • use react-spring@next and add animation support to bars (001b6719)
      • add to website and improve bars (5f18b057)
      • init package (35556143)
    • parallel-coordinates adjustments for react-spring@next (df7d665c)
    • scales exclude null and undefined values in log scale validation (#1099) (c87eba7d)
    • sunburst add mouse events and some labels (#880) (1b3dd8f0)
    • tooltip
      • add a display name to memoized components to ease testing (218e237f)
      • migrate TableTooltip component to TypeScript (0a54e62f)
      • migrate Crosshair component to TypeScript (1416e8cf)
      • ensure we only render the tooltip when the charts are interactive (6623000f)
      • remove usage of tooltip prop types from other packages (8addc8d4)
      • adapt BasicTooltip for new typings (cb87d9a4)
      • remove prop types (b187c618)
      • init TypeScript migration (3413142d)
    • treemap adjustments for react-spring@next (e5611c30)

    Bug Fixes

    • BarCanvas stories demonstrating the canvas ref (96cff43e)
    • bar
      • add new prop valueScale to BarCanvas (#1274) (d66acd6a)
      • fix lint errors (640c883b)
      • prevent missing values causing bad scales (#1257) (b9687754)
    • bullet
    • core add useDimensions hook to types (4ce35386)
    • funnel fix lint errors (e66b51c5)
    • geo fix lint errors (bc398839)
    • legends fix lint errors (275b2b55)
    • line
      • add a stories for the responsive canvas component (0fe9c9d3)
      • add a story showcasing the usage of the ref in canvas (190acd7e)
    • motion replace deprecated method with the new helper (57b27d8d)
    • packages allow react 17 in peer dependencies (a4f370b4)
    • pie
      • fix typings issues due to better d3 types (ad9cc2c6)
      • make dimensions required props (d502a409)
      • fix incomplete type for valueFormat (0793553e)
    • storybook move bar/race chart story to main bar stories (#1258) (e9c5932d)
    • sunburst apply my own fixes from pr review (cbb9e37a)
    • tooltip
      • fix typings due to core adjustments (87e5edb2)
      • export useTooltip hook in types (7eb1b30b)
    • website
      • patch react-spring due to known issue with Gatsby (c35b4e96)
      • changes to get deployment to work (09f46839)

    https://github.com/plouc/nivo/compare/v0.64.0...v0.65.0

    Source code(tar.gz)
    Source code(zip)
  • v0.64.0(Nov 6, 2020)

    Bug Fixes

    • bar include bars with zero height/width (32f48235)
    • bump add missing @nivo/axes module to dependencies (d79d0a18)
    • deps fix @nivo peer dependency versions (505a7c08)
    • pie fix path to typings (243613d3)
    • radar
      • typing for custom functions (#1089) (20a5c124)
      • fix issue with points being outside circular grid (#1189) (beb3ac84)
    • theme remove default fill for legends.text theme (#1181) (2216f129)
    • tooltip Show tooltip on first tap for touch devices (#1185) (f712cfaa)
    • website fix crash caused by calendar tooltip (#1214) (7eb69175)

    Features

    • bar add ability to set scale config via valueScale prop (#1183) (bea61cd9)
    • build
      • prevent types removal when building a package (f0c6ca8f)
      • generate package types during build if tsconfig exists (e50cc92a)
      • remove types generation from package build target (95bec3c2)
      • include types generation in build make target (39da664b)
      • update build tools (d481cfe5)
      • add build config for optional typescript support (6990e3f7)
      • add size and bundle stats rollup plugins (c629c81f)
    • ci
      • fix example sandbox formatting (7f698ade)
      • rename example sandbox (1df58b6d)
      • add example sandbox with all nivo packages pre-installed (9007093f)
      • update sandboxes for codesandbox-ci (3932a099)
      • enable codesandbox-ci (98257ff5)
    • example update retro example (54c7af5c)
    • fmt add missing tsx extension when checking formatting (bd08b37e)
    • infrastructure add stale bot config (87a56e41)
    • pie
      • use nullish operator to extract datum label (525fb5a8)
      • properly handle possible presence of label on raw datum (840a6cbc)
      • rename generics raw datum type to RawDatum instead of R (f71cd5b5)
      • use optional chaining and nullish coalescing (a770ed51)
      • get default pixel ratio from window if available (ff242a95)
      • remove unnecessary ts ignore (e9898aef)
      • finalize TypeScript migration (60c80a90)
      • remove definitions file to types (e84d3a9b)
      • init pie package migration to typescript (9fd5cee1)
      • add tests to check various layouts (0335b6d2)
      • add tests for legends (ba4fb4de)
      • improve TypeScript definitions (d0a104e5)
      • change tooltip override management to disable default wrapper (0f3eaed4)
      • add tests for radial labels (8cd3180a)
      • adapt swarmplot example using usePie hook (d02e1e90)
      • add missing props to API example (615e3502)
      • add tests for interactivity (3f4f17e6)
      • add story to showcase custom layers (17b129d2)
      • add story to showcase the ability to use colors defined in dataset (92f19c28)
      • add support for extra interactivity handlers (ebaf86e6)
      • use same tooltip for both svg and canvas implementations (baa8af89)
      • improve PieSlice component (b2c2bf1f)
      • memoize radial labels computation (dbab51b2)
      • honor isInteractive for svg implementation (2a8cded4)
      • use same computation for radial labels for both SVG and canvas implementations (1c3f704d)
      • add tests for slice labels (fd5b0470)
      • use same computation for slice labels for both SVG and canvas implementations (c22be686)
      • add support for sliceLabelsRadiusOffset (d913f50c)
      • homogeneize sliceLabels properties (19444c72)
      • improve internal props naming (ed176a92)
      • document the interface of props passed to custom layers (055e4775)
      • document layers property (b5ed2d4b)
      • add support for layers to Pie component (a8f64685)
      • add tests for colors (f0cefd2e)
      • add tests regarding data handling (4abe3f35)
      • move @nivo/core to peerDependencies (2aef261f)
      • restore border for PieCanvas (eab1311c)
      • fix PieCanvas (789d52a0)
      • use theme hook instead of prop for PieRadialLabels (7e415396)
      • use hooks instead of props to handle tooltip (97974824)
      • use hooks instead of component to compute layout (6e298727)
      • pass datum to pie legend data (5292831f)
      • remove unused react-motion dependency (3c7d65ce)

    https://github.com/plouc/nivo/compare/v0.63.1...v0.64.0

    Source code(tar.gz)
    Source code(zip)
  • v0.63.1(Oct 22, 2020)

    Bug Fixes

    • annotations switch to useAnimatedPath hook (6c8b767e)
    • bar Fix BarItemProps types (#1163) (7f19561a)
    • bump
      • switch to useAnimatedPath hook (5ddb2ec2)
      • update input datum types for undefined/null (#1096) (259e037f)
    • ci switch to GitHub actions (#1175) (0affed68)
    • funnel switch to useAnimatedPath hook (d4578414)
    • line animate paths properly (6d2cd274)
    • parallel-coordinates switch to useAnimatedPath hook (d755a11d)
    • radar switch to useAnimatedPath hook (e7991283)
    • sankey switch to useAnimatedPath hook (a5cdf26f)
    • storybook always pull latest version of generators package (#1176) (9e230cef)
    • stream switch to useAnimatedPath hook (d983b19c)

    https://github.com/plouc/nivo/compare/v0.63.0...v0.63.1

    Source code(tar.gz)
    Source code(zip)
  • v0.63.0(Oct 19, 2020)

    Bug Fixes

    • bump Add types for defs to AreaBumpSvgProps (#997) (da9ea7f8)
    • calendar Add 'monthLegendPosition' definition (#1007) (f58298ef)
    • core
      • Add missing Theme types to match default theme object (#1135) (861000fc)
      • add Defs types and export for typescript (#1146) (99b520e9)
    • core / swarmplot Improve core and swarmplot typedefs (#1151) (e370ea87)
    • dependencies remove forced package resolutions (5be120a1)
    • install force resolution of fsevents package (fbcafd14)
    • legends Respect theme fill color (#941) (fa847f6a)
    • line change points ordering on stacked lines (#1060) (c10edbf0)
    • pie tooltip props typing (#1088) (54215e7e)
    • radar
      • Add return type of GridLabelCustomFunction (#1045) (f87be93a)
      • add theme prop to types (#1029) (74001a66)
      • fix eslint errors (d96fb311)
    • sankey Fix issue with gradient and parentheses in IDs (#1152) (56f0e449)
    • scatterplot
      • Support DerivedNodeProp for nodeSize prop (#1134) (42adacd9)
      • adjust type/proptype of data[].id prop (#1147) (52c1bc15)
      • onMouseLeave not firing when mesh is used (#1064) (fb4aef0c)
      • fix canvas missing annotations layer (#1043) (d2ceffc7)
    • treemap fix treemap package nivo dependencies (dbcd2167)
    • website
      • fix missing prop for Calendar API demo (b8c7c995)
      • fix TreeMap usage on homepage (09d3bc9f)
      • fix TreeMap in colors guide (24327df4)

    Features

    • a11y
      • add ability to set role prop on all charts (#1128) (7d52c072)
      • add changes to allow for improved accessibility on charts (#1054) (464185c8)
    • annotations replace react-motion by react-spring (7acc5721)
    • axes replace react-motion by react-spring (50c135d6)
    • build
      • remove custom nivo babel preset (2083f8bd)
      • use react app babel preset (18a8dd14)
      • change .esm suffix to .es (aecf5b08)
      • generate source maps for packages (39a83fd4)
    • bullet support ranges that support < 0 (5dc5ce69)
    • bump
      • remove lodash dependency (6f6aff3c)
      • replace react-motion by react-spring for Bump (edf2daf6)
      • replace react-motion by react-spring for AreaBump (90c3232c)
    • calendar
      • remove recompose and convert to hooks (#1040) (daebd61f)
      • add monthSpacing prop (#964) (8f55046e)
    • ci update Node.js version on CI to run v12 (3888a729)
    • core
      • replace react-measure with custom hook (3e337cda)
      • remove SmartMotion component in favor of react-spring built-in support for various interpolators (15177207)
    • funnel
      • add funnel documentation screenshots (ed1e58a9)
      • disable stories (4f6dc92a)
      • add TypeScript definitions (2748dc10)
      • add support for tooltip (6ce539cb)
      • add the ability to disable animations (7055d3d9)
      • improve animation management (99359f57)
      • add support for custom event handlers (bbdbc373)
      • add support for annotations to Funnel component (9fca13ce)
      • add support for current part (a69780fd)
      • update funnel icon (826c08f6)
      • add support for animation to Funnel component (e487a764)
      • add widget to be ease creation of d3 value formatters (5f0bf7dc)
      • init @nivo/funnel package (e2d1ce88)
    • generators add network data generation (#1082) (46bf12c3)
    • heatmap
      • improve useHeatMap hook (62b2e597)
      • move cells computation to main hook (80701b1f)
      • use hooks instead of recompose for HeatMapCanvas (f823ea61)
      • use hooks instead of recompose and migrate to react-spring (6d6528aa)
    • infrastucture upgrade rollup, babel, typescript and prettier (b08e7917)
    • line
      • add custom layer support to LineCanvas (#987) (1e5fd14d)
      • replace react-motion by react-spring (ca452490)
    • network add support for tooltips (#1080) (4d8e822e)
    • parallel-coordinates use hooks instead of recompose and migrate to react-spring (0760d942)
    • radar
      • remove lodash dependency (6e5c7f9f)
      • replace react-motion by react-spring (9e9c4984)
    • sankey
      • restore previous tooltip positioning (7666935b)
      • use hooks instead of recompose and migrate to react-spring (b08c691d)
    • scales Add support for symlog scale (#1097) (954bef75)
    • stream
      • restore previous tooltip positioning (611a72bd)
      • use hooks instead of recompose and migrate to react-spring (0c8dd3bc)
    • sunburst
      • add support for custom tooltip #1024 (9a5b1e42)
      • Add typescript definition (#995) (a32603ce)
    • swarmplot add time scale support (#1121) (9a19da66)
    • tooltip
      • improve TooltipWrapper component for animation (d969d836)
      • restore animation and use new measure hook (691125c1)
      • replace react-motion by react-spring (a5850bc5)
    • treemap
      • restore pattern and gradient support for TreeMap component (5e4ea120)
      • add stories to demo pages (4b3241cd)
      • update treemap documentation screenshots (43e625fa)
      • update stories (f90f979d)
      • add support for parent labels (c705f3e7)
      • add TypeScript definitions (f1d9a3b9)
      • use hooks instead of recompose and migrate to react-spring (5ff360ef)
    • website
      • add theme property documentation to all components (f967380e)
      • add theming guide (975503ab)
      • add ability to configure x/y formats from UI (022ddf8d)
      • update heatmap motion config control for react-spring (25ba5662)
      • add the ability to control react-spring config (457ebfa4)

    https://github.com/plouc/nivo/compare/v0.62.0...v0.63.0

    Source code(tar.gz)
    Source code(zip)
  • v0.62.0(Oct 20, 2020)

    Features

    • bar pass showTooltip and hideTooltip functions to custom layers (f1bff166)
    • bump add support for defs/fill properties to AreaBump (#926) (c5d5d86f)
    • line
      • pass the state to a custom layer (#656) (07d2c3f2)
      • add gradient support to line areas (#844) (b84ec05a)
      • Updated @nivo/line typescript definition to add all curve options (#197, #944) (7b3c503b)
    • scatterplot Add support for annotations on scatterplots (#882) (ffc759ea)
    • website
      • add a references page to the website (#725) (bdd45de5)
      • add link to d3-format documentation for line & scatterplot value formatters (98a4f439)

    Bug Fixes

    • axes add typedef exports for all components (354ef248)
    • bar
      • add missing grid value types (#855) (033cf9ee)
      • fix linting error in types (cbba0f2a)
      • fix legend order in bar (#842) (ced84ee0)
    • core add missing crosshair definitions to theme (#915) (211d76d8)
    • heatmap add missing type for tooltip property (f4d4ea62)
    • line
      • typings fix for custom layer props (#887) (a293a648)
      • fix typescript definition for areaBaselineValue prop. (#961) (9b1ed9cd)
      • add types for pointLabel function (b5464bba)
      • fix onMouseLeave firing (f2816f44)
      • add missing layer 'crosshair' to TypeScript definition (#917) (81d8fa0b)
    • pie address some issues with data label prop (#967) (d4714b6c)
    • sankey add missing motion typedefs and proptypes (bc5489c9)
    • scales fix timeScale min/max values and typings (#743) (bcb45167)
    • scatter plot add gridValues to ScatterPlot (#853) (cf0fd6bd)
    • scatterplot
      • fix serieId typing (#886) (ef1ee4c5)
      • remove TypeScript redefinition of Scale (#935) (35b1681e)
      • fix no implicit any error on CustomTooltip (#857) (7ad8ba75)
    • storybook add useUTC:false to line timeScale (f3ba3f98)
    • types improve typings for onMouseLeave/Enter in Bar/Pie (#939) (422ef569)
    • website
      • fix xScale.type option for line chart (ad77a5f5)
      • fix spelling mistake (#805) (468a5538)
      • Add closed bracket in gradients example code (#889) (15bc0ee7)

    https://github.com/plouc/nivo/compare/v0.61.2...v0.62.0

    Source code(tar.gz)
    Source code(zip)
  • v0.61.2(Oct 20, 2020)

  • v0.61.1(Oct 20, 2020)

    Bug Fixes

    • geo add missing dependency for legend data memoization (887c57e7)
    • legends
      • make sure to pass the theme object when using canvas legends (ae621162)
      • honor theme font settings for labels (e4a65fc4)
      • fix vertical alignment of canvas labels (559e3c78)

    https://github.com/plouc/nivo/compare/v0.61.0...v0.61.1

    Source code(tar.gz)
    Source code(zip)
  • v0.61.0(Oct 20, 2020)

    Bug Fixes

    • bump fix points keys & motion and code formatting (d92a9655)
    • prop-types fix missing prop types on various packages (8d0fe0d9)
    • publish
      • add missing npm-normalize-package-bin package (91acdf21)
      • fix lerna arg (97fcb868)
    • scatterplot fix scatterplot unit tests (c6b01ff1)

    Features

    • bump add support for function for start/end labels (80c3e92b)

    https://github.com/plouc/nivo/compare/v0.60.1...v0.61.0

    Source code(tar.gz)
    Source code(zip)
  • v0.60.1(Oct 20, 2020)

    Bug Fixes

    • bar add ability to use number for grid lines (#669) (3d48b94d)

    Features

    • bump
      • skip serie labels for missing data (04a13a72)
      • add support for missing data to Bump component (7275fa89)
      • add active/inactive state to points (ee906f41)
      • pass original datum to each point (b4c739d2)
      • add ability to use custom point component (b29fed2a)
    • line add option to format x/y values in tooltip (#731) (f92abbed)

    https://github.com/plouc/nivo/compare/v0.60.0...v0.60.1

    Source code(tar.gz)
    Source code(zip)
Owner
Raphaël Benitte
Raphaël Benitte
ReactJS-Travel-Website - This is a travel(adventure) website made with ReactJS.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Saurav Dhakal 1 Jan 1, 2022
Rich components for Ember.js framework.

Ember Components Ember Components is a comprehensive set of rich web components written purely in Ember.js that let you create an astonishing UI for a

Indexia Technologies, ltd. 185 Dec 18, 2020
null 136 Dec 30, 2022
A Google Clone which built with ReactJS. You can click the demo and search whatever you want!

Google Clone with ReactJS A small web app that imitate the desktop web version of google site, you can search whatever you want. Google Clone Demo Lin

Özge Coşkun Gürsucu 36 Aug 14, 2022
A Facebook Clone which built with reactJS. You can sign in with your Google Account and send realtime posts.

Facebook Clone with ReactJS A Facebook Clone application that you can sign in with your Google Account and send realtime posts. Facebook Clone Demo Li

Mert Çankaya 23 Nov 25, 2022
Lucaslitton.me - Personal website built with ReactJS, Frontity, and WordPress.

lucaslitton This project was bootstrapped with Frontity. Table of Contents Launch a development server Create your custom theme Create a production-re

Lucas Litton 1 Jan 3, 2022
Crypto dashboard built using ReactJs , ExpressJs and RapidAPI

Crypto-Board Crypto Dashboard application built using ReactJs and NodeJs with RapidAPI Tech Stack and Dependencies Name Description ReactJs Front End

Kaushik Selvaraju 5 Jan 8, 2022
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

null 8.7k Jan 8, 2023
Hotel Booking System Built In MERN (MongoDB, ExpressJs, ReactJs, Nodejs) Stack.

Setting Up The Project Please Run The Commands Below to Run the Project git clone https://github.com/yishakdotjs/yishakdotjs-Hotel-Booking-System-Fron

Yishak Abraham 1 Feb 3, 2022
Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries.

Math Magicians Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries. Screen

Ranjeet Singh 12 Oct 20, 2022
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list Examples available here: http://claude

Claudéric Demers 10.3k Jan 2, 2023
An Ember CLI Addon that provides a variety of UI components.

We use https://waffle.io/softlayer/sl-ember-components to work our issues. What sl-ember-components is An Ember CLI Addon that provides UI components

SoftLayer 115 May 7, 2022
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.

downshift ?? Primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. Read the docs | See

Downshift 11.1k Dec 28, 2022
A set of React components implementing Google's Material Design specification with the power of CSS Modules

React Toolbox is a set of React components that implement Google's Material Design specification. It's powered by CSS Modules and harmoniously integra

React Toolbox 8.7k Dec 30, 2022
Vue-hero-icons - A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue 2 functional components.

vue-hero-icons For Vue3, install the official package @heroicons/vue A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/her

Mathieu Schimmerling 97 Dec 16, 2022
Minimal Design, a set of components for Angular 9+

Alyle UI Minimal Design, a set of components for Angular. Docs Install Alyle UI Installation Components Feature State Responsive Docs avatar ✔️ ✔️ Doc

Alyle 281 Dec 25, 2022
The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power apps.

Power CAT code components The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power a

Microsoft 70 Jan 2, 2023
Utilities library built on top of Next.js providing feature extensions and helpers for common patterns

nextjs-utilites This library provides many helpful utilities for use in Next.js projects. Prerequisites This project requires NodeJS (version 8 or lat

Snehil K 5 Sep 7, 2022
Juka Official Website built on top of Docusaurus/React Framework. Help us make it better!

Juka Programming Language Juka Programming Language website is built on top of Docusaurus 2. Feel free to contribute to our website! Any help is appre

Juka Programming Language 5 Dec 24, 2022