vega editor and external URL

[Andrea Borruso]

Hi,

I have created an example spec that uses a gist JSON, but the rendering does not work:

https://vega.github.io/editor/#/url/vega-lite/N4KABGBEAuCW0BsCmkBcZQQjJAPaaUAwgPIBqAkgCIC0AjAJxgDKsAxrArAIYA0Y0APbRuyMG24BnWGAAOSAE5yFggG6wAdh26Re4LJG5aAFoIWFIkkQoJ6sUSQFcARnEQp0kADJmkAWzBYWScAgBNBBDMwaWgwbj8kaH42QQ1JJDZoRMclblCg2EkODQBzMCQuaAA6MAA5ePFU1VEuSXKNWADuNjAAMwVNEs4Ebj6kRyHuAn0AXzsoUKQigdk4VIsfBX9A4McwiKiYuISkxrSMrOgcuPzZQuKyivga+oCUjWaEVvbOuJ7+wbDUa9caTWz6SChKY6dCYAw5BAWYzQaDBVAAenRQysVSG0GMLiqKT86O4zjMCkckkE6IA7AAmOhsZwAVmcADZevSGLS2AAWCTcbh8gAMvW4SF6oQAzM5nLT2Zz0QpuAB3dF8llsEX09kiujOBgs6WhAAcpr5SG6HO49JF3FpptpDGcfIY9LY0qtMro6M0skc1QAVtSNJBZvNIKrYKF8YQ7SLI8YkLASnH0HQRYmIX5uAoANaEOHYaAAT3kFi4GhQ82wVhU+aQAHUY+mwHQIxCkFpBPlSkX9NhxWxEgP7EPYBVQhZpCURgB9WQqdRaHi6QcGMsVzwaQR+TSidfjqApBB7NKEaUbuYbyC4MfjyC9ScIaeeKEiI+PrceKBZPyyGYh61gY3C4IUD7HjA8DIBYtR7IoghgPk4hSLA4bHjM14gZApaQQYz5ThYQgiMg84SNIX72DA5a-pAACOjhGG4UywKoNYbtgYEQbCnGbjBdHwQkKjITIFHoXxWH2De1GnmY+ETkRnizguS5qJo2hUZutEWLu+4aMBfGQMgJTdm+GB8SWAkWAACsuGkoJJ16zCAWFAA

I think that it's possible to use external URL, but I do not know why this does not work.

Thank you

[Marco Petris]

Hi,

if you look at the error message in the browser console it says that the CORS header "Access-Control-Allow-Origin" is missing: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSMissingAllowOrigin

So it is possible to use an external URL, but you need to be able to configure the CORS header in the response. The repsonse configuratio is probably not under your control on github.io. However if you put your JSON file somewhere where you can configure the response to contain the CORS header it will work.

Best,

Marco

[Andrea Borruso]

Hi Marco,

and thank you.

If I'm not wrong I had tried with a github source and it worked, and I assumed gist had the same settings too.

And I have not looked to CORS :(

Best regards

[Roy I]

This URL works:

https://gist.githubusercontent.com/aborruso/721cb5b6f297c4caaa40faefd3bb766f/raw/45c02601b953d884eacb6a20a7879b492c3ead31/input.json

Note: On the web page

      https://gist.github.com/aborruso/721cb5b6f297c4caaa40faefd3bb766f/

click button "Raw" at upper right of the data file name

[andy]

Hi Roy,

On Fri, 17 Apr 2020 at 15:37, Roy I <in...@glowingspirit.com> wrote:

Note: On the web page

      https://gist.github.com/aborruso/721cb5b6f297c4caaa40faefd3bb766f/

click button "Raw" at upper right of the data file name

I know it, but I have right click on it and copied the link and it's https://gist.github.com/aborruso/721cb5b6f297c4caaa40faefd3bb766f/raw/45c02601b953d884eacb6a20a7879b492c3ead31/input.json

But this link has a redirect to the URL you have written. I did not notice that. 

Thank you very much

--

___________________

Andrea Borruso
website: https://medium.com/tantotanto
38° 7' 48" N, 13° 21' 9" E, EPSG:4326
___________________

"cercare e saper riconoscere chi e cosa,
 in mezzo all’inferno, non è inferno, 
e farlo durare, e dargli spazio"

Italo Calvino