[TW5] Extending the d3.js plugin past a proof of concept

[Jed Carty]

In my quest to have an infinite number of projects I have started poking the proof of concept d3.js plugin shown on the main site. My demo site is here and the code for the widget is on github here.

So far development has consisted of me flailing around poking things until it worked, so there are almost certainly useless parts in the code and the stacked view got broken somewhere. All I have accomplished so far is to improve how the widget gets the data and expose settings to the user so you can do more customization using normal tiddlywiki tools.

One problem I have run into is that when I display the chart it adds a lot of whitespace under it. And by a lot I mean hundreds of pages worth of blank space. Any help would be greatly appreciated. Also if anyone has requests for what to add to the plugin I am open to suggestions.

[BJ]

good stuff!
in the `TestSettings`  tiddler it needs actual numerical values eg `

"height": 250,
cheers
BJ

`

[Felix Küppers]

Hi Jed,

nice you are picking this up.

> One problem I have run into is that when I display the chart it adds a
> lot of whitespace under it. And by a lot I mean hundreds of pages
> worth of blank space. Any help would be greatly appreciated.

Have a look at the svg code d3 is producing:

svg height="460400" width="8601000" preserveAspectRatio="xMinYMin meet"
viewBox="0 0 960 10"

See the height and width values. I think there is the problem :)

-Felix

[Jed Carty]

Thank you! That was driving me crazy. Now the problem is that the action-setfield widget and the edit-text widget both put quotes around the values which is going to make having a friendly interface more difficult.

Or I could just switch to using fields and avoid the problem.

[Resolution Bazaar]

Hi Jed,

Why is there so much space in the height of the chart

https://ooktech.com/jed/ExampleWikis/d3plugin/#Display

Please suggest, I am using this plugin in one of my project.

Regards

Atul