python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - observablehq

D3 - How can I put an SVG into a DIV via a function?

To reuse code I want to put my SVG into a function and call it as needed. Once I select the DIV what is the appropriate construct to render the SVG inside it? ... if (intLocations.includes(comm.locat...
test-img

kalmdown

javascript

d3.js

observablehq

Votes: 0

Answers: 1

Latest Answer

intActivities.append(() => Pill(comm).node()) should do the trick. Here's an example: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="https://d...
test-img

Dan

Adding Tooltip Functionality to ObservableHQ Plot Locally

Would there be an easy way to implement this addTooltip function from Mike Freeman's Plot Tooltip Notebook within a local vanilla JavaScript environment? In addition, what would be the best way to man...
test-img

Scott Franz

javascript

plot

tooltip

observablehq

Votes: 0

Answers: 1

Latest Answer

As you can see in my example below, you just need to import the htl.html requirement and import (copy and paste) the addTooltips, hover and id_generator cells as functions. <html> <head...
test-img

calmar

How to add non-overlapping polylines and text labels to 3D pie chart using d3.js?

I have commented the extra code on the already existing code written by DavidB and created this example to extract only one 3d pie chart. I would like to add polylines(non-overlapping) and text labels...
test-img

Vamsi Yandapalli

javascript

d3.js

observablehq

Votes: 0

Answers: 1

Latest Answer

How to prevent overlapping SVG text Since the text is absolutely positioned, there isn't a great way of dealing with overlapping labels. SVGs have tspan elements which allow you to word-wrap, but that...
test-img

Ross Gatih

Getting &quot;SyntaxError: Unexpected token&quot; in Observable

I was trying vega-lite-api on observablehq here. This is my code: Putting these two in different cells work: obj = vl.markPoint() .data(df) .encode(vl.y().fieldN('city')); In next cell: obj.rende...
test-img

Rnj

javascript

vega-lite

vega

observablehq

Votes: 0

Answers: 2

Latest Answer

If you want to put the code into the same cell, you can either chain the call to render like so: vl.markPoint() .data(df) .encode(vl.y().fieldN('city')) .render() Or you can use a block cell wi...
test-img

mbostock

Posts

Questions

Blogs

Jobs