I’ve seen that you can pass URL parameters to a notebook and use those to filter data. But how would something like that work for an embedded chart? So let’s say you want to display a personalized chart when someone navigates to yourdomain.com/charts?username=abc? Would you need to pass the URL par…

[image] marcf: I’ve seen that you can pass URL parameters to a notebook and use those to filter data. But how would something like that work for an embedded chart? It works in the exact same way. That is, if you navigate to yourdomain.com/charts?username=abc then username should have the …

@mcmcclur , sorry for not being clear enough in my initial post. How do you pass that parameter to Observable using the embed code? I’m probably missing something obvious. Update Okay, I reread your reply and figured that I was making things too complicated. The URL parameters are automatically pas…

Looks like you are all set, but for others, here is an example notebook where I am embedding a chart with an iframe with different URL parameters passed to the embedded chart. [image] Embed with parameters Here is the chart with the URL parameter `setting` passed in from this notebook …

Thanks for pitching in @Cobus . The iframe example could definitely be relevant to others. I’m on the JS embed method train right now. In general, this might be a useful addition to the Observable documentation on embedding charts.

Is there a way to parametrize things based on the logged-in user’s name or some other attribute? As in, do it securely?

@laurikoobas In private team notebooks you can reference the current user via currentUser.

URL parameters and embedded charts

New to Observable

Cobus January 27, 2023, 7:31pm 6

Indeed. Making a note of that.

Topic		Replies	Views
embed notebook with params Community help	12	403	April 5, 2024
Using dropdown menu as parameters in the url Community help	2	583	April 29, 2021
Embed chart function in a webpage New to Observable	2	870	August 2, 2023
Conditional logic based on logged in user or embedded?	2	370	February 15, 2021
Observable notebook URL convention question	4	420	October 17, 2020

URL parameters and embedded charts

Related topics