marmelab / marmelab/EventDrops

D3 probelm

Open
#254 1 comment 0 reactions 0 assignees View on GitHub
help wanted
Dominant language
JavaScript
Stars
1.3k
Forks
233
PR merge metrics
No merged PRs in 30d

Description

Please do not submit support requests or "How to" questions here. For that, go to [StackOverflow](https://stackoverflow.com/questions/tagged/event-drops).

**What you were expecting:**

After installing d3, and following README, I expected that I should work.

**What happened instead:**
There is a dependecy on d3. I don't know where this d3 is coming from?

index-trusted.js:67589 Uncaught Error: Cannot find module "d3/build/d3"
at webpackMissingModule (index-trusted.js:67589)
at Object.defineProperty.value (index-trusted.js:67589)
at __webpack_require__ (index-trusted.js:20)
at Object._typeof (index-trusted.js:241437)
at __webpack_require__ (index-trusted.js:20)
at Object.defineProperty.value (index-trusted.js:220998)
at __webpack_require__ (index-trusted.js:20)
at Object. (index-trusted.js:220880)
at __webpack_require__ (index-trusted.js:20)
at _typeof (index-trusted.js:63)

**Steps to reproduce:**
import * as d3 from 'd3/build/d3';

**Related code:**

```
import * as d3 from 'd3/build/d3';
import eventDrops from 'event-drops';

export default class EventTimeline extends Component {
constructor(props) {
super(props);
this.eventElem = null;
}
componentDidMount() {
//console.log(this.props.data, this.props.tooltipSpec);
if (this.props.tooltipSpec !== null && this.props.data !== null) {
this.createEventTimeline();
}
}
createEventTimeline() {
const data = this.props.data;
const tooltipSpec = this.props.tooltipSpec;
this.tooltipNode
.classed('tooltip', true)
.style('opacity', 0);
const chart = eventDrops({
d3,
zoom: {
```

**Other information:**

**Environment**

* EventDrops version
1.3.0
* Browser:
Chrome
* Stack trace (in case of a JS error):

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the README installation and import instructions for EventDrops 1.3.0, then inspect how the d3 dependency is declared and resolved. Reproduce the webpack error using the reported `import * as d3 from 'd3/build/d3'` entry point; done means the documented setup resolves d3 and the EventDrops example loads without the missing-module error.

Written by the indexing model from the issue text.

Assessment

Tech stack
d3js, javascript
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.