search

thoughtworks / build-your-own-radar

A library that generates an interactive radar, inspired by https://thoughtworks.com/radar/.
GNU Affero General Public License v3.0
2.17k stars 1.03k forks source link

Possibility to embed radar in another webpage #36

Open mostrovoi opened 7 years ago

mostrovoi commented 7 years ago

Hi, Would it be possible to embed a generated radar in a different webpage? My wish would be to import a certain javascript to a existing site rather than using iframes or web components. For instance, in the same way timeline library works: https://github.com/NUKnightLab/TimelineJS3

Would that be possible?

mostrovoi commented 7 years ago

It is not that difficult actually. There are some problems to be addressed though: 1.- Remove all general styles applying to the whole page 2.- Use

and proper id instead of
, i.e. give more control to the page containing these widgets on how to allocate them. The page itself may have own header already.. Use d3.select('#id') instead of d3.select('body') so that the widget could be placed wherever we please. 3.- Remove general things such as document.title or set_document_title I managed to have my own version. Just importing the generated javascript and css I can embed my own radar in any page. I am still missing a way to inject sheetURL via parameters or to pass a div id as parameter but for my use case I dont need it.

Dhvani3 commented 4 years ago

It is not that difficult actually. There are some problems to be addressed though: 1.- Remove all general styles applying to the whole page 2.- Use

and proper id instead of , i.e. give more control to the page containing these widgets on how to allocate them. The page itself may have own header already.. Use d3.select('#id') instead of d3.select('body') so that the widget could be placed wherever we please. 3.- Remove general things such as document.title or set_document_title I managed to have my own version. Just importing the generated javascript and css I can embed my own radar in any page. I am still missing a way to inject sheetURL via parameters or to pass a div id as parameter but for my use case I dont need it.

Can you share how you were able to embed the radar?

liam-mctague-cvs commented 1 year ago

I'm looking for an answer to this also I'm using Nextjs and was hoping to maybe create a react component or something... be interested to see how you achieved this??

BrunnerLivio commented 1 month ago

The hosted version (https://radar.thoughtworks.com/) also does not allow to embed it as an iframe. It'd be amazing to have this feature so we could embed our radar into our Confluence Wiki page.