New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

event-drops

Package Overview
Dependencies
Maintainers
2
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

event-drops - npm Package Compare versions

Comparing version 0.3.0-alpha1 to 0.3.0-alpha2

116

package.json
{
"name": "event-drops",
"version": "0.3.0-alpha1",
"version": "0.3.0-alpha2",
"description": "A time based / event series interactive visualization using d3.js. Use drag and zoom to navigate in time.",
"main": "dist/eventDrops.js",
"files": [
"dist/",
"style.css",
"*.md"
"dist/",
"style.css",
"*.md"
],

@@ -16,29 +16,36 @@ "repository": {

"dependencies": {
"d3": "3.5.3"
"d3": "^4.7.0",
"debounce": "^1.0.0"
},
"devDependencies": {
"babel-core": "6.4.5",
"babel-eslint": "^4.1.8",
"babel-loader": "6.2.1",
"babel-preset-es2015": "6.3.13",
"babel-preset-stage-0": "^6.3.13",
"async": "^2.0.1",
"babel-core": "6.18.0",
"babel-loader": "6.2.7",
"babel-preset-es2015": "6.18.0",
"babel-preset-stage-0": "6.16.0",
"configurable.js": "0.1.0",
"css-loader": "0.19.0",
"eslint": "1.6.0",
"eslint-config-airbnb": "0.1.0",
"extract-text-webpack-plugin": "1.0.1",
"html-loader": "0.3.0",
"html-webpack-plugin": "1.6.1",
"jasmine-core": "2.4.1",
"jsdom": "1.0.0-pre.6",
"karma": "^0.13.19",
"karma-jasmine": "^0.3.6",
"karma-firefox-launcher": "0.1.7",
"karma-webpack": "^1.7.0",
"mocha": "1.21.4",
"css-loader": "0.25.0",
"eslint": "3.19.0",
"eslint-config-airbnb": "14.1.0",
"eslint-plugin-import": "2.2.0",
"eslint-plugin-jsx-a11y": "4.0.0",
"eslint-plugin-react": "6.10.3",
"extract-text-webpack-plugin": "2.1.0",
"html-loader": "0.4.4",
"html-webpack-plugin": "2.28.0",
"husky": "^0.13.2",
"jasmine-core": "2.5.2",
"json-loader": "^0.5.4",
"karma": "1.3.0",
"karma-firefox-launcher": "1.0.0",
"karma-jasmine": "1.0.2",
"karma-webpack": "2.0.3",
"lint-staged": "3.4.0",
"mocha": "3.1.2",
"mocha-traceur": "2.1.0",
"prettier": "^0.22.0",
"scss-loader": "0.0.1",
"style-loader": "0.12.4",
"webpack": "1.12.2",
"webpack-dev-server": "1.11.0"
"style-loader": "0.13.1",
"webpack": "2.4.1",
"webpack-dev-server": "2.4.5"
},

@@ -54,4 +61,3 @@ "bugs": {

"scripts": {
"prepublish": "make build",
"postpublish": "make deploy-demo",
"precommit": "lint-staged",
"start": "webpack-dev-server --colors --devtool cheap-module-inline-source-map --host=0.0.0.0",

@@ -64,16 +70,50 @@ "karma": "karma start test/karma/karma.conf.js",

},
"lint-staged": {
"src/*.js": [
"prettier --write --tab-width 4 --single-quote --trailing-comma es5",
"git add"
]
},
"author": "Thiery Michel <thiery@marmelab.com>",
"contributors": [
{ "name": "Chad Ramos" },
{ "name": "Chulki Lee" },
{ "name": "Emmanuel Quentin" },
{ "name": "Francois Zaninotto" },
{ "name": "Joan Yin" },
{ "name": "Joel Schlosser" },
{ "name": "Jonathan Petitcolas", "email": "petitcolas.jonathan@gmail.com" },
{ "name": "Mélodie Benmouffek" },
{ "name": "messense" },
{ "name": "Robin Bressan" }
{
"name": "Chad Ramos"
},
{
"name": "Chulki Lee"
},
{
"name": "Emmanuel Quentin"
},
{
"name": "Francois Zaninotto"
},
{
"name": "Joan Yin"
},
{
"name": "Joel Schlosser"
},
{
"name": "Jonathan Petitcolas",
"email": "petitcolas.jonathan@gmail.com"
},
{
"name": "Mélodie Benmouffek"
},
{
"name": "messense"
},
{
"name": "Robin Bressan"
},
{
"name": "Kévin Maschtaler",
"email": "kevin@marmelab.com"
},
{
"name": "deevus"
}
],
"license": "MIT"
}

@@ -6,7 +6,10 @@ EventDrops

![EventDrops example](http://static.marmelab.com/EventDrops.gif)
![EventDrops example](https://cloud.githubusercontent.com/assets/688373/18343222/c0a897b2-75b2-11e6-96df-e72e4b02335a.gif)
**Note:** new version of EventDrops requires D3.js version 4. If you need to use D3.js version 3, use 0.2.0 instead.
## Installation
You can use `npm` to install event-drops
You can use `npm` to install event-drops <sup>1</sup>

@@ -73,8 +76,7 @@ ```

```js
var eventDropsChart = d3.chart.eventDrops();
var eventDropsChart = d3.chart.eventDrops()
.date(d => d.date);
d3.select('#chart_placeholder')
.datum(data)
.date(function(d){
return d.date;
}),
.call(eventDropsChart);

@@ -89,3 +91,3 @@ ```

var eventDropsChart = d3.chart.eventDrops()
.width(1200)
.hasDelimiter(false)
.hasTopAxis(false);

@@ -122,2 +124,15 @@ ```

## Programmatic Zoom
A handle on the `d3.behaviour.zoom` object used to control the zoom level of the chart can be obtained like so:
```javascript
var eventDropsChart = d3.chart.eventDrops();
var element = d3.select('#chart_placeholder').datum(...);
eventDropsChart.call(eventDropsChart);
var zoom = element[0][0].zoom;
```
The example here shows how to manipulate it: http://bl.ocks.org/mbostock/7ec977c95910dd026812
## Extending / Hacking

@@ -158,1 +173,4 @@

EventDrops is released under the MIT License, courtesy of [marmelab](http://marmelab.com) and [Canal Plus](https://github.com/canalplus).
## Footnotes
1. The functionality and behaviour documented is not all available in the `0.2.0` release installed by `npm`
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