Socket
Socket
Sign inDemoInstall

@data-ui/radial-chart

Package Overview
Dependencies
Maintainers
1
Versions
40
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@data-ui/radial-chart - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

build/chart/RadialChart.js

2

coverage/coverage-final.json
{"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/index.js": {"path":"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/index.js","statementMap":{},"fnMap":{},"branchMap":{},"s":{},"f":{},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"a7420efe847b8183a45bd8a99e74426f2ffbab4d"}
,"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/chart/RadialChart.jsx": {"path":"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/chart/RadialChart.jsx","statementMap":{"0":{"start":{"line":5,"column":18},"end":{"line":16,"column":1}},"1":{"start":{"line":18,"column":21},"end":{"line":25,"column":1}},"2":{"start":{"line":34,"column":25},"end":{"line":34,"column":62}},"3":{"start":{"line":35,"column":21},"end":{"line":35,"column":71}},"4":{"start":{"line":36,"column":22},"end":{"line":36,"column":73}},"5":{"start":{"line":37,"column":17},"end":{"line":37,"column":54}},"6":{"start":{"line":38,"column":2},"end":{"line":38,"column":55}},"7":{"start":{"line":38,"column":43},"end":{"line":38,"column":55}},"8":{"start":{"line":40,"column":2},"end":{"line":56,"column":4}},"9":{"start":{"line":52,"column":10},"end":{"line":52,"column":47}},"10":{"start":{"line":59,"column":0},"end":{"line":59,"column":34}},"11":{"start":{"line":60,"column":0},"end":{"line":60,"column":40}},"12":{"start":{"line":61,"column":0},"end":{"line":61,"column":40}}},"fnMap":{"0":{"name":"RadialChart","decl":{"start":{"line":27,"column":24},"end":{"line":27,"column":35}},"loc":{"start":{"line":33,"column":3},"end":{"line":57,"column":1}},"line":33},"1":{"name":"(anonymous_1)","decl":{"start":{"line":51,"column":38},"end":{"line":51,"column":39}},"loc":{"start":{"line":52,"column":10},"end":{"line":52,"column":47}},"line":52}},"branchMap":{"0":{"loc":{"start":{"line":38,"column":2},"end":{"line":38,"column":55}},"type":"if","locations":[{"start":{"line":38,"column":2},"end":{"line":38,"column":55}},{"start":{"line":38,"column":2},"end":{"line":38,"column":55}}],"line":38},"1":{"loc":{"start":{"line":38,"column":6},"end":{"line":38,"column":41}},"type":"binary-expr","locations":[{"start":{"line":38,"column":6},"end":{"line":38,"column":21}},{"start":{"line":38,"column":25},"end":{"line":38,"column":41}}],"line":38}},"s":{"0":4,"1":4,"2":1,"3":1,"4":1,"5":1,"6":1,"7":0,"8":1,"9":1,"10":4,"11":4,"12":4},"f":{"0":1,"1":1},"b":{"0":[0,1],"1":[1,1]},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"8488bc96e5ced94fc80a6b782bfdc2202ac01277"}
,"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/label/ArcLabel.jsx": {"path":"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/label/ArcLabel.jsx","statementMap":{"0":{"start":{"line":7,"column":18},"end":{"line":12,"column":1}},"1":{"start":{"line":14,"column":21},"end":{"line":20,"column":1}},"2":{"start":{"line":23,"column":2},"end":{"line":32,"column":4}},"3":{"start":{"line":35,"column":0},"end":{"line":35,"column":31}},"4":{"start":{"line":36,"column":0},"end":{"line":36,"column":37}}},"fnMap":{"0":{"name":"ArcLabel","decl":{"start":{"line":22,"column":24},"end":{"line":22,"column":32}},"loc":{"start":{"line":22,"column":67},"end":{"line":33,"column":1}},"line":22}},"branchMap":{},"s":{"0":4,"1":4,"2":7,"3":4,"4":4},"f":{"0":7},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"68db1ab489ad93808b67e9f1da5b578c682e62f5"}
,"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/label/ArcLabel.jsx": {"path":"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/label/ArcLabel.jsx","statementMap":{"0":{"start":{"line":7,"column":18},"end":{"line":13,"column":1}},"1":{"start":{"line":15,"column":21},"end":{"line":21,"column":1}},"2":{"start":{"line":24,"column":2},"end":{"line":33,"column":4}},"3":{"start":{"line":36,"column":0},"end":{"line":36,"column":31}},"4":{"start":{"line":37,"column":0},"end":{"line":37,"column":37}}},"fnMap":{"0":{"name":"ArcLabel","decl":{"start":{"line":23,"column":24},"end":{"line":23,"column":32}},"loc":{"start":{"line":23,"column":67},"end":{"line":34,"column":1}},"line":23}},"branchMap":{},"s":{"0":4,"1":4,"2":7,"3":4,"4":4},"f":{"0":7},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"ccaedf80c9c3833cc2d0538525f980340e831685"}
,"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/series/ArcSeries.jsx": {"path":"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/series/ArcSeries.jsx","statementMap":{"0":{"start":{"line":9,"column":18},"end":{"line":9,"column":41}},"1":{"start":{"line":11,"column":18},"end":{"line":33,"column":1}},"2":{"start":{"line":35,"column":21},"end":{"line":52,"column":1}},"3":{"start":{"line":38,"column":25},"end":{"line":38,"column":37}},"4":{"start":{"line":39,"column":25},"end":{"line":39,"column":37}},"5":{"start":{"line":40,"column":25},"end":{"line":40,"column":38}},"6":{"start":{"line":43,"column":4},"end":{"line":43,"column":72}},"7":{"start":{"line":73,"column":2},"end":{"line":109,"column":4}},"8":{"start":{"line":102,"column":27},"end":{"line":102,"column":35}},"9":{"start":{"line":103,"column":33},"end":{"line":103,"column":43}},"10":{"start":{"line":104,"column":12},"end":{"line":104,"column":82}},"11":{"start":{"line":104,"column":70},"end":{"line":104,"column":82}},"12":{"start":{"line":105,"column":12},"end":{"line":105,"column":83}},"13":{"start":{"line":112,"column":0},"end":{"line":112,"column":32}},"14":{"start":{"line":113,"column":0},"end":{"line":113,"column":38}},"15":{"start":{"line":114,"column":0},"end":{"line":114,"column":36}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":38,"column":15},"end":{"line":38,"column":16}},"loc":{"start":{"line":38,"column":25},"end":{"line":38,"column":37}},"line":38},"1":{"name":"(anonymous_1)","decl":{"start":{"line":39,"column":15},"end":{"line":39,"column":16}},"loc":{"start":{"line":39,"column":25},"end":{"line":39,"column":37}},"line":39},"2":{"name":"(anonymous_2)","decl":{"start":{"line":40,"column":15},"end":{"line":40,"column":16}},"loc":{"start":{"line":40,"column":25},"end":{"line":40,"column":38}},"line":40},"3":{"name":"(anonymous_3)","decl":{"start":{"line":42,"column":8},"end":{"line":42,"column":9}},"loc":{"start":{"line":43,"column":4},"end":{"line":43,"column":72}},"line":43},"4":{"name":"ArcSeries","decl":{"start":{"line":54,"column":24},"end":{"line":54,"column":33}},"loc":{"start":{"line":72,"column":3},"end":{"line":110,"column":1}},"line":72},"5":{"name":"(anonymous_5)","decl":{"start":{"line":101,"column":20},"end":{"line":101,"column":21}},"loc":{"start":{"line":101,"column":39},"end":{"line":106,"column":11}},"line":101}},"branchMap":{"0":{"loc":{"start":{"line":43,"column":4},"end":{"line":43,"column":72}},"type":"cond-expr","locations":[{"start":{"line":43,"column":35},"end":{"line":43,"column":60}},{"start":{"line":43,"column":63},"end":{"line":43,"column":72}}],"line":43},"1":{"loc":{"start":{"line":43,"column":5},"end":{"line":43,"column":31}},"type":"binary-expr","locations":[{"start":{"line":43,"column":5},"end":{"line":43,"column":13}},{"start":{"line":43,"column":17},"end":{"line":43,"column":31}}],"line":43},"2":{"loc":{"start":{"line":90,"column":7},"end":{"line":107,"column":10}},"type":"binary-expr","locations":[{"start":{"line":90,"column":7},"end":{"line":90,"column":12}},{"start":{"line":90,"column":16},"end":{"line":90,"column":30}},{"start":{"line":91,"column":8},"end":{"line":107,"column":10}}],"line":90},"3":{"loc":{"start":{"line":104,"column":12},"end":{"line":104,"column":82}},"type":"if","locations":[{"start":{"line":104,"column":12},"end":{"line":104,"column":82}},{"start":{"line":104,"column":12},"end":{"line":104,"column":82}}],"line":104},"4":{"loc":{"start":{"line":104,"column":16},"end":{"line":104,"column":68}},"type":"binary-expr","locations":[{"start":{"line":104,"column":16},"end":{"line":104,"column":51}},{"start":{"line":104,"column":55},"end":{"line":104,"column":68}}],"line":104}},"s":{"0":4,"1":4,"2":4,"3":3,"4":3,"5":4,"6":6,"7":3,"8":4,"9":4,"10":4,"11":0,"12":4,"13":4,"14":4,"15":4},"f":{"0":3,"1":3,"2":4,"3":6,"4":3,"5":4},"b":{"0":[0,6],"1":[6,6],"2":[3,2,2],"3":[0,4],"4":[4,4]},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"6e96140dabdcde977d289359313d8e8bbd836b89"}

@@ -5,0 +5,0 @@ ,"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/util/additionalProps.js": {"path":"/Users/chris_williams/dev/data-ui/packages/radial-chart/src/util/additionalProps.js","statementMap":{"0":{"start":{"line":5,"column":2},"end":{"line":8,"column":9}},"1":{"start":{"line":6,"column":4},"end":{"line":6,"column":49}},"2":{"start":{"line":7,"column":4},"end":{"line":7,"column":15}}},"fnMap":{"0":{"name":"additionalProps","decl":{"start":{"line":4,"column":24},"end":{"line":4,"column":39}},"loc":{"start":{"line":4,"column":57},"end":{"line":9,"column":1}},"line":4},"1":{"name":"(anonymous_1)","decl":{"start":{"line":5,"column":39},"end":{"line":5,"column":40}},"loc":{"start":{"line":5,"column":53},"end":{"line":8,"column":3}},"line":5}},"branchMap":{},"s":{"0":7,"1":10,"2":10},"f":{"0":7,"1":10},"b":{},"_coverageSchema":"332fd63041d2c1bcb487cc26dd0d5f7d97098a6c","hash":"125dfcae307f219317720492f0141c0e70c06fd4"}

{
"name": "@data-ui/radial-chart",
"version": "0.0.3",
"version": "0.0.4",
"description": "A package for radial-axis visualizations https://williaster.github.io/data-ui",

@@ -8,3 +8,4 @@ "main": "build/index.js",

"build": "webpack -p --optimize-minimize",
"dev": "webpack --progress --colors --watch",
"dev": "webpack -d --progress --colors --watch",
"dev:nowatch": "webpack -d --progress --colors",
"test": "jest --colors --verbose --coverage"

@@ -24,3 +25,3 @@ },

"dependencies": {
"@data-ui/theme": "^0.0.4",
"@data-ui/theme": "0.0.5",
"@vx/group": "0.0.120",

@@ -38,3 +39,3 @@ "@vx/scale": "0.0.121",

"enzyme": "^2.8.2",
"jest": "^19.0.0",
"jest": "^20.0.3",
"react": "^15.6.1",

@@ -41,0 +42,0 @@ "react-dom": "^15.6.1",

# @data-ui/radial-chart
demo at [williaster.github.io/data-ui](https://williaster.github.io/data-ui)
demo at <a href="https://williaster.github.io/data-ui" target="_blank">williaster.github.io/data-ui</a>
## Overview
This package exports declarative react `<RadialChart />`s implmented with [@vx](vx-demo.now.sh) which (for the time being) can be used to render both donut and pie charts depending on props. As demonstrated in the demo, in combination with [@vx/legend](https://vx-demo.now.sh/legends) and [@vx/scale](https://github.com/hshoff/vx/tree/master/packages/vx-scale)these can be used to create re-usable radial charts.
This package exports declarative react `<RadialChart />`s implemented with <a href="vx-demo.now.sh" target="_blank">@vx</a> which (for the time being) can be used to render both donut and pie charts depending on props. As demonstrated in the demo, in combination with [@vx/legend](https://vx-demo.now.sh/legends) and
<a href="https://github.com/hshoff/vx/tree/master/packages/vx-scale" target="_blank">@vx/scale</a> these can be used to create re-usable radial charts.
### Usage
See the demo at [williaster.github.io/data-ui](https://williaster.github.io/data-ui) for more example outputs.
See the demo at <a href="https://williaster.github.io/data-ui" target="_blank">williaster.github.io/data-ui</a> for more example outputs.
<img width="566" alt="screen shot 2017-06-28 at 5 48 06 pm" src="https://user-images.githubusercontent.com/4496521/27712141-839c1adc-5cda-11e7-829e-af3b6abb1bdc.png">
<img width="550" alt="Donut chart" src="https://user-images.githubusercontent.com/4496521/27712141-839c1adc-5cda-11e7-829e-af3b6abb1bdc.png">

@@ -60,12 +61,11 @@ ```js

## :exclamation:
Although pie :cake: and donut :doughnut: charts are frequently encountered, they are not the most _effective_ visualization for conveying quatitative information. With that caveat, when used well they can effecvitely give an overview of population makeup which is an entirely reasonable use of these charts. We don't recommend using >7 slices for user readability.
### NOTE ‼️
Although pie 🍰 and donut 🍩 charts are frequently encountered, they are not the most _effective_ visualization for conveying quantitative information. With that caveat, when used well they can effectively give an overview of population makeup which is an entirely reasonable use of these charts. We don't recommend using >7 slices for user readability.
## @data-ui packages
- [@data-ui/xy-chart](https://github.com/williaster/data-ui/tree/master/packages/xy-chart) [![Version](https://img.shields.io/npm/v/@data-ui/xy-chart.svg?style=flat)](https://img.shields.io/npm/v/@data-ui/xy-chart.svg?style=flat)
- <a href="https://github.com/williaster/data-ui/tree/master/packages/xy-chart" target="_blank">@data-ui/xy-chart</a>[![Version](https://img.shields.io/npm/v/@data-ui/xy-chart.svg?style=flat)](https://img.shields.io/npm/v/@data-ui/xy-chart.svg?style=flat)
- @data-ui/radial-chart [![Version](https://img.shields.io/npm/v/@data-ui/radial-chart.svg?style=flat)](https://img.shields.io/npm/v/@data-ui/radial-chart.svg?style=flat)
- [@data-ui/data-table](https://github.com/williaster/data-ui/tree/master/packages/data-table) [![Version](https://img.shields.io/npm/v/@data-ui/data-table.svg?style=flat)](https://img.shields.io/npm/v/@data-ui/data-table.svg?style=flat)
- [@data-ui/theme](https://github.com/williaster/data-ui/tree/master/packages/theme) [![Version](https://img.shields.io/npm/v/@data-ui/theme.svg?style=flat)](https://img.shields.io/npm/v/@data-ui/theme.svg?style=flat)
- [@data-ui/demo](https://github.com/williaster/data-ui/tree/master/packages/demo)
- <a href="https://github.com/williaster/data-ui/tree/master/packages/data-table" target="_blank">@data-ui/data-table</a> [![Version](https://img.shields.io/npm/v/@data-ui/data-table.svg?style=flat)](https://img.shields.io/npm/v/@data-ui/data-table.svg?style=flat)
- <a href="https://github.com/williaster/data-ui/tree/master/packages/data-ui-theme" target="_blank">@data-ui/theme</a> [![Version](https://img.shields.io/npm/v/@data-ui/theme.svg?style=flat)](https://img.shields.io/npm/v/@data-ui/theme.svg?style=flat)
- <a href="https://github.com/williaster/data-ui/tree/master/packages/demo" target="_blank">@data-ui/demo</a>

@@ -10,2 +10,3 @@ import React from 'react';

y: PropTypes.number,
paintOrder: PropTypes.string,
arc: PropTypes.object, // if passed, will be passed to any restprops

@@ -12,0 +13,0 @@ children: PropTypes.node,

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc