Stack Overflow
Stack Overflow

Questions tagged [d3plus]

D3plus is a Javascript data visualisation library based on D3.

D3plus is a Javascript data visualisation library based on D3. More information can be found at its website http://d3plus.org/.

79 questions
5
votes
0 answers

How to use d3plus.TextBox() module for SVG line wrapping and automatic font size scaling ( on a D3.js Hierarchy Tree)

I am trying to use textBox module of d3plus-text for SVG textbox line-wrapping and automatic font size-scaling. I am following the use instructions from here https://github.com/d3plus/d3plus-text#d3plus-text I am using the fucntion like so (as…
Amit
  • 185
  • 15
5
votes
2 answers

Wrap text in a circle with D3 v4 and D3plus

I'm using D3 v4 and I want to wrap text in a circle with D3plus. I was trying two approaches but nothing worked for me. First approach I adopted the example from https://bl.ocks.org/davelandry/a39f0c3fc52804ee859a . This is the essential part of my…
Mia
  • 241
  • 1
  • 2
  • 7
5
votes
4 answers

How to add a (custom) thousand separator in D3?

I'm working with D3Plus and D3Plus accepts any D3 method. I could manage to remove decimals. What I cannot do is adding a '.' as a thousand separator instead of a ',' (in spanish 1.000.000 is 'one million') and this is for a spanish-speaking…
pachadotdev
  • 3,345
  • 6
  • 33
  • 60
4
votes
1 answer

How to change direction of arrow in d3plus ring

How to change the arrow direction to target to source from source to target as per documentation it says to use an Object in the .edges( Array | Object | url ) method. D3plus Documentation. Complete code is as follows to get to know about the arrow…
Satish Patel
  • 1,784
  • 1
  • 27
  • 39
3
votes
0 answers

Finding the largest area rectangle that lies inside a given polygon with the D3plus algorithm

As you might know there's a really awesome algorithm for finding the largest area rectangle that lies inside a given polygon in the D3plus library. If I use this algorithm with EPSG:4326 (WGS84) coordinates the result looks pretty reasonable as you…
Ruben
  • 151
  • 1
  • 7
2
votes
0 answers

how do I convert an existing text element to a d3plus-text textbox?

I trying to use d3plus-text. First i append new text element on svg element node.append("text") .text(function (d: any) { return d.properties.name; }) .attr("class", "nodeText"); and then i want to wrap that text new…
Uros Velickovic
  • 25
  • 1
  • 6
2
votes
0 answers

Issue using D3-plus TextWrap for text inside Bubble Chart

I am struggling to use textWrap to properly adjust the size of the text and required line breaks. As a result I am having to split the text with a delimiter ';' using regex (after 15 chars) in an earlier part of my code. Adding text wrap at this…
sammcg93
  • 21
  • 1
2
votes
0 answers

How can i import d3plus in angular-cli project

Hi I'm using d3 to make chart in angular-cli project I have imported d3 in my component as import * as d3 from 'd3' Now I want to import d3plus to wrap text. I installed d3plus using npm i d3plus --save inside my angular-cli file I add d3plus.js…
Node Mario
  • 179
  • 13
2
votes
2 answers

D3plus is not defined

I am getting an error while trying to implement a text wrapping capability to the labels in my force layout, saying d3plus is not defined. I have the following lines of code to reference d3 and d3plus:
VerletIntegrator
  • 159
  • 2
  • 10
2
votes
1 answer

Redraw the ring with filtered data on click of node in d3plus

I want to redraw the chart on click of any node. When user click any node then it should filter the corresponding node's data from master Json then redraw the ring. I tried the following code but It's not working.
Satish Patel
  • 1,784
  • 1
  • 27
  • 39
2
votes
1 answer

D3 plus wrapping text in circles

So I've been trying to use D3plus in order to wrap text inside circles but with no success. In my application I have a few circle/text pairs, put together into a "g" element. In my code, after I create the "g" elements and append circles and text to…
Xnn04
  • 91
  • 8
2
votes
1 answer

Bootstrap doesn't let me use data with other libraries

I have a SQL database, and I am building a web service in visual studio for web. I am using bootstrap to structure my web form and using D3plus to visualize. I wrote the following test sample:
Johnathan
  • 1,877
  • 4
  • 23
  • 29
2
votes
1 answer

How to change tooltip format in d3plus tree maps

How can I get rid of the labels (on the left) in a tooltip so that just the text on the right appears across the entire width of the tooltip?
Kaitlyn Kelly
  • 21
  • 1
1
vote
0 answers

Add annotations to D3 line graph using D3plus

I'm working adding a line plot graph that uses dates on the x axis and dollar values on the Y axis in a Vue SPA, and I need to add some annotations; in particular three vertical lines with labels at different dates (representing dates in the life of…
wonder95
  • 3,825
  • 8
  • 45
  • 74
1
vote
1 answer

Uncaught TypeError: d3plus.Pie is not a constructor

I want to make a Pie Chart based on d3plus library. I try with below code (But i have a problem, d3plus.Pie is not a constructor) D3Plus