Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-d3-zoom

Package Overview
Dependencies
Maintainers
1
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-d3-zoom - npm Package Compare versions

Comparing version 0.5.4 to 0.6.0

6

package.json
{
"name": "react-d3-zoom",
"version": "0.5.4",
"version": "0.6.0",
"description": "react-d3 zoom implementation",

@@ -43,6 +43,6 @@ "main": "./lib/index.js",

"d3": "^3.5.6",
"react-d3-basic": "^0.11.4",
"react-d3-core": "^0.8.2",
"react-d3-basic": "^0.12.0",
"react-d3-core": "^0.9.0",
"react-dom": "^0.14.1"
}
}

@@ -7,2 +7,44 @@ # react-d3-zoom

## Quick example
- Line Chart
```js
"use strict";
var React = require('react');
var ReactDOM = require('react-dom');
var LineZoom = require('react-d3-zoom').LineZoom;
(function() {
var generalChartData = require('json!./data/user.json');
var chartSeries = [
{
field: 'age',
name: 'Age',
color: '#ff7f0e'
}
],
x = function(d) {
return d.index;
};
ReactDOM.render(
<LineZoom
width= {600}
height= {400}
data= {generalChartData}
chartSeries= {chartSeries}
x= {x}
zoomX={false}
zoomY={true}
/>
, document.getElementById('data_zoom_line')
)
})()
```
## Install

@@ -9,0 +51,0 @@

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