Questions tagged [d3.js-lasso]

D3.js-lasso is a plugin for the D3.js library that allows selecting html elements on a page by dragging around them with the cursor. Use this with the D3.js data visualization library. Do not use it for the lasso.js node bundling tool, for that use [lasso.js].

The d3.js-lasso plugin can be found here: https://github.com/skokenes/D3-Lasso-Plugin

A sample showing how to use it can be found here: http://bl.ocks.org/skokenes/511c5b658c405ad68941

11 questions
3
votes
1 answer

How to implement D3 lasso plugin with Angular 2 and Typescript

I am trying to use the lasso plugin created by Speros Kokenes(https://github.com/skokenes/D3-Lasso-Plugin) in an Angular 2 project using Typescript. I have D3 v4 working fine in my project but when I try to add the lasso plug in I run into issues…
Hoakie
  • 489
  • 3
  • 6
1
vote
0 answers

How we can draw multiple graph on a single page using d3. js?

I want to draw 5 graph a single page based on different condition. Actually I am using a loop and send different data each time and based on that condition I want to create a graph. But don't know why the library d3.js is only trigger the draw…
1
vote
1 answer

Text Flip issue with D3.js , when transform attribute used

I am new to D3.js. I added simple polygon & than text, but it's showing text as Flipped text.This is because i have used 'Transform attribute' i guess. Is there anyway, i keep the existing transform attribute & correct the Text flip issue? Output…
1
vote
1 answer

Property 'map' of undefined (JavaScript)

I'm using the D3 and lasso libraries to visualize data/make it interactive. Currently, I'm trying to log the name of the teams to the console once selected. But instead, I'm being returned the selected.map is not a function error. I've checked this…
0
votes
1 answer

Implementation of d3-lasso in React

I like to add a lasso to my d3 scatterplot in React. I would like to use the lasso to select items in a clusters. I managed to create a scatterplot in d3 but I cannot figure out to properly add the d3-lasso package to the chart. An example of a…
0
votes
0 answers

Why does d3-lasso npm package not import properly in React?

I am trying to incorporate d3-lasso into a d3 project with React, and I see a lot of people are having similar problems to me, but I can't find a solution that works. To remove any complicating factors, I'm trying to simply get this example to work…
johnnyb
  • 41
  • 4
0
votes
1 answer

How to make d3-lasso working on d3 forcedirected network?

I've tried several different changes to make my lasso work, but I keep getting the following error. Here's my lasso implementation as done by the author. var lasso = d3.lasso() .closePathSelect(true) .closePathDistance(100) …
Kuni
  • 817
  • 1
  • 9
  • 24
0
votes
0 answers

Using D3-Lasso in Angular 6

I am using D3.Js and lasso in my Angular 6 project. I have initialized lasso with start(), draw() and stop() functions. But I don't know how to bind this lasso with my svg. In traditional JavaScript, they use following…
0
votes
1 answer

Lasso and D3.js

I thought i had a similar issues to this SO user here, but after swapping out the minified lasso library for the actual lasso code, I'm still not getting a working output. My code is more or less the same as the example code on lasso's git hub (I've…
0
votes
1 answer

Why d3.js-lasso is not reading svg variables

https://jsfiddle.net/t52f1rn7/ I am trying to make a line graph with circles at the end of lines.I want to select two points and draw line by click.Then I found lasso plugin and I am trying to use it for the same purpose:selecting two points and…
0
votes
1 answer

D3.js Scatterplot with Lasso - record selections

CONTEXT I'm using d3.js & Lasso in order to allow users to select dots on a scatterplot. I want them to be able to select multiple clusters on the same scatterplot, one after the other. I've found an example of how to do this right here:…
Sekoul
  • 1,361
  • 2
  • 14
  • 30