웹사이트에 대화형 HTML 플롯 게시안녕하세요,
Squarespace에서 호스팅하는 제 개인 웹사이트에 인터랙티브 JMP HTML 파일을 올리는 데 관심이 있습니다. 1) Chrome에서 인터랙티브 HTML 파일을 열고, 2) Mac의 "개발자" 옵션을 사용하여 HTML 스크립트를 복사한 다음, 3) 스크립트를 웹사이트의 코드 상자 또는 "삽입" 상자에 붙여넣는 것밖에 방법이 없는 것 같습니다. 이 방법은 효과가 있습니다(하지만 코드가 너무 길다는 오류 메시지가 항상 표시됩니다). 하지만 인터랙티브 플롯은 항상 페이지 하단 푸터 아래에 배치됩니다(코드 상자를 어디에 "넣었는지"와 상관없이). 스크립트를 수정하여 인터랙티브 플롯을 원하는 위치에 배치할 수 있는 방법이 있을까요? 아니면, 스크립팅 없이 웹사이트에 인터랙티브 플롯을 "게시"할 수 있는 방법이 있을까요? (해커가 이런 식으로 제 데이터를 훔칠 수 있다는 것은 알고 있습니다. 저는 그런 걱정은 하지 않습니다. 공익을 위한 것이니 사람들이 제 데이터를 훔쳐갔으면 좋겠습니다!)
Re: 웹사이트에 대화형 HTML 플롯 게시@마이클_고프 님, 자세한 답변 감사합니다.
나에게 맞는 장기적인 해결책을 찾기 위해 현지 IT 부서에 옵션을 확인해 보겠습니다.
여러분과 여러분의 도움에 감사드립니다!
아담.
Re: 웹사이트에 대화형 HTML 플롯 게시안녕하세요, 아담!
이 스레드는 원래 2018년에 작성되었으며, 처음 게시된 이후 인터넷 생태계에 몇 가지 변화가 있었습니다. 이 임베딩 시나리오가 실패하는 이유는 브라우저 보안 정책의 변경 때문입니다. 2020년에 Chrome을 비롯한 여러 브라우저는 " 추천인 정책 "라는 정책 중 하나의 기본값을 더 안전한 값으로 변경했습니다. 이는 데이터 보호를 위해 이루어졌습니다. 새로운 기본 정책은 strict-origin-when-cross-origin입니다. 참고로, 이 기본 정책은 콘텐츠를 호스팅하는 서버에서 다른 정책을 지정하지 않았을 때 사용됩니다. 즉, 두 웹페이지가 서로 통신하려면 동일한 출처를 가져야 합니다. 이 경우 출처는 동일한 프로토콜, 호스트 이름, 포트를 의미합니다 .
현재 발생하고 있는 문제는 브라우저 정책 변경으로 인한 것입니다. JMP 17에서는 대화형 HTML 보고서가 부모 페이지에 ping을 보내 추가 정보가 있는지 확인합니다. 이 정책이 적용되어 있기 때문에 새로운 기본 정책으로 인해 해당 부모 페이지에 더 이상 접근할 수 없어 오류가 발생했습니다. JMP 18에서 이 문제를 해결했습니다. 이 방법이 작동하도록 하는 가장 쉬운 방법입니다.
귀하의 경우 파일 시스템을 통해 다음 HTML 페이지에 액세스하는 것 같습니다.
window.onload(파일://isshfs.xxxxx.com/......./Tool_Counters/Counters.htm:1572:1014711)
전체 URL을 확인하지 않고는 완전히 진단하기는 다소 어렵지만, 일부 브라우저는 파일:// 프로토콜 경로를 웹 서버에 호스팅된 페이지와 다르게 처리하여 모든 경로를 서로 "교차 출처"로 간주합니다. 이러한 파일의 출처가 동일한지 확인하는 한 가지 방법은 웹 서버에서 호스팅하는 것입니다. 부모 페이지는 https:// 와 같은 경로에 있어야 합니다. .com/iframe_example.html 그리고 https:// 에서 호스팅되는 자식 페이지 .com/카운터.html.
가끔 로컬 웹 서버에서 VS Code 플러그인인 라이브 서버 를 사용하여 테스트하기도 합니다. 이 플러그인을 사용하면 파일 시스템 폴더의 콘텐츠를 사용하여 웹 서버를 빠르게 구축할 수 있습니다. 하지만 실제 운영 환경에서는 IT 부서에 문의하여 해당 페이지를 호스팅할 웹 서버를 구축해야 할 수 있습니다.
다시 말해, 웹 서버를 호스팅하는 것은 JMP 17에서 대화형 HTML 보고서를 내장하기 위한 해결 방법이 될 수 있습니다. JMP 18에서는 해당 오류가 발생하지 않도록 수정 사항을 추가했으며, 파일 시스템에서 이러한 페이지를 다시 내장할 수 있어야 합니다.
감사해요,
마이클 고프
Re: 웹사이트에 대화형 HTML 플롯 게시고맙네요, 아담.
Chrome과 Firefox에서 페이지를 테스트해 봤는데, 콘솔 오류에도 불구하고 페이지가 로드되었습니다. Edge에서는 발견하셨듯이, 저도 재현이 가능하지만 iFrame이 로드되지 않습니다. 내부적으로 도움을 요청하려고 합니다. 조금만 기다려 주세요.
감사해요,
~존
Re: 웹사이트에 대화형 HTML 플롯 게시여기서는 양털 깎는 게 괜찮아요.
작동하지 않는 것 같아요.

Re: 웹사이트에 대화형 HTML 플롯 게시안녕하세요, 아담님.
기본 웹 페이지에 대화형 HTML 페이지가 포함되어 있는 방식에 예외로 간주되는 부분이 있을 수 있습니다.
여러 가지 방법이 있습니다. 일반적으로 효과가 좋은 가장 간단한 방법 중 하나는 다음과 같습니다.
메인 페이지에는 다음 내용이 포함됩니다.
<TITLE>iFrame Example</TITLE>
<H1 id="toc-hId-2019574709">iFrame Example</H1>
<P>Below is an example of an embedded Interactive HTML file using and iframe.</P>
<IFRAME src="https://community.jmp.com/bivariate.html" height="900" width="500" title="iframe example"></IFRAME>
이 경우, bivariate.html은 JMP에서 내보낸 대화형 HTML 파일입니다.
JMP 17 Interactive HTML 파일로 이 작업을 수행하면 콘솔에 네트워크 오류가 표시됩니다.
"GET file:///C:/api/webjmp net::ERR_FILE_NOT_FOUND"
하지만 페이지 로딩이 중단되어서는 안 됩니다.
괜찮으시다면 이것을 시도해 보시고 효과가 있는지 알려주세요.
메인 페이지에서 JavaScript를 사용하여 대화형 HTML 페이지를 로드하는 경우, 네트워크 장애를 처리하거나 무시하고 페이지 로드를 계속할 수 있도록 try/catch 블록을 사용해야 할 수도 있습니다.
이에 대한 도움이 필요하면 JMP 기술 지원팀에 문의하여 자세한 내용을 알려주세요. 단, 이 포럼에서 공유하는 것은 불편합니다.
~존
Re: 웹사이트에 대화형 HTML 플롯 게시동일한 서버(동일한 메인 폴더)에 있습니다.
다른 서버와 내 데스크톱으로 옮겨보는 것도 시도해 보았습니다.
불행히도, 저도 같은 오류가 발생합니다.
아담.
Re: 웹사이트에 대화형 HTML 플롯 게시@아담초엔 ,
이 오류는 iframe이 포함된 웹 페이지가 iframe이 참조하는 대화형 HTML 페이지와 다른 서버에 있을 때 발생합니다. 대화형 HTML 콘텐츠를 iframe이 있는 페이지와 동일한 서버/도메인으로 이동하면 이 오류가 사라질 것입니다.
JMP 18에서는 대화형 HTML 출력을 수정하여 이러한 제한을 해결했습니다.
~존
Re: 웹사이트에 대화형 HTML 플롯 게시@존_파웰_JMP
내 문제와 관련된 오류는 바로 그것이라고 생각합니다.
(promise 내에서) 포착되지 않은 DOMException: 'Window'에서 명명된 속성 'document'를 읽지 못했습니다. 원점이 "null"인 프레임이 교차 원점 프레임에 액세스하는 것을 차단했습니다.
window.onload에서 (file://isshfs.xxxxx.com/......./Tool_Counters/Counters.htm:1572:1014711)
Re: 웹사이트에 대화형 HTML 플롯 게시@아담초엔 ,
JMP 17에서 대화형 HTML 페이지를 내장한 웹 페이지를 열면 브라우저 콘솔을 확인하세요(마우스 오른쪽 버튼 클릭, 검사, 콘솔 선택). 오류가 보고되었는지 확인하세요.
만약 있다면 여기에 복사해서 올려주시면 무슨 문제가 있는지 알아볼 수 있을 것 같습니다.
감사해요,
~존
Re: 웹사이트에 대화형 HTML 플롯 게시@존_파웰_JMP Adam @아담초엔 에게 답변해 줄 수 있는 질문이 들어왔습니다. @mntion을 하면 해당 사람에게 이메일로 핑이 전송됩니다.
JMP17 대화형 HTML에서는 더 이상 iframe이 작동하지 않습니다.
TSing 단서 몇 가지 감사합니다
고맙습니다, 아담
Re: 웹사이트에 대화형 HTML 플롯 게시JMP17 대화형 HTML에서는 더 이상 iframe이 작동하지 않습니다.
TSing 단서 몇 가지 감사합니다
Re: 웹사이트에 대화형 HTML 플롯 게시OneDrive에 HTML 파일 처리 능력 부족에 대해 불만을 제기했습니다. OneDrive 내에서 대화형 HTML 파일을 "열면" 코드만 표시됩니다!!! Microsoft가 이 작업을 처리할 수 있을 거라고 생각하셨을 텐데요...
JMP 전문가/직원이 아닌 분이 이 글을 우연히 보신다면, 인터랙티브 플롯에서 원시 데이터를 추출할 수 있다는 점을 꼭 말씀드리고 싶습니다. (즉, 해커가 데이터를 탈취하여 복제할 수 있다는 뜻입니다.) 이러한 이유로 현재 개인 웹사이트에 이러한 종류의 인터랙티브 그림을 게시하려는 수요는 크지 않다고 생각합니다. (그리고 이 글이 이 주제에 대한 첫 번째 글인 이유이기도 합니다.) 저는 주로 기존에 발표된 데이터의 메타 분석에 집중하고 있기 때문에 이 부분은 저에게 큰 문제가 되지 않습니다.
Re: 웹사이트에 대화형 HTML 플롯 게시이 요청과 응답 모두 정말 훌륭하네요! 감사합니다!
저는 작년에 대화형 HTML 공유에 대한 프레젠테이션을 하기 전에 Dropbox, GoogleDrive, OneDrive를 모두 사용해 보았지만 실망스러운 결과를 보고해야 했습니다.
효과적인 대안이 있다는 걸 아는 게 좋죠.
그런데, iFrame은 JMP 커뮤니티에서도 작동합니다!
Re: 웹사이트에 대화형 HTML 플롯 게시참고로, 이 방법도 "허용되는" 해결책입니다. 제게 효과가 없었던 이유는 제 웹사이트나 클라우드 중 어느 것도 인터랙티브 HTML 파일을 제대로 "호스팅"할 수 없었기 때문입니다. 알고 보니 Amazon S3 서버는 이를 수행할 수 있었습니다. 따라서 스크립트를 사용하고 제 S3 클라우드에 있는 인터랙티브 JMP HTML 플롯 링크를 제공하면 플롯이 올바른 위치에 표시되어 200페이지 분량의 스크립트를 붙여넣을 필요가 없습니다.
Re: 웹사이트에 대화형 HTML 플롯 게시멋지네요! 그리고 다른 관심 있는 분들께 알려드릴 말씀은, Google Drive도 작동하지 않는다는 것입니다(대화형 HTML 파일은 Google Drive에 호스팅할 수 없고, 스크립트에서 참조되어 웹사이트에 표시될 수 없습니다). 주요 클라우드 중에서 S3만 대화형 HTML을 지원하는지 궁금하네요(Apple iCloud는 사용해 보지 않았지만요). 이미 모든 사람들이 대화형 파일 형식을 위해 이 언어로 전환했어야 하는 것 아닌가요?
다음 단계는 웹사이트에 여러 창이 있는 JMP 보고서를 생성하는 것입니다. (S3를 사용한다는 전제 하에) 필요한 단계들을 고려하면 단일 그래프와 크게 다르지 않을 것 같습니다.
Re: 웹사이트에 대화형 HTML 플롯 게시도움이 되었다니 다행입니다! 그리고 JMP Pro를 사용하신다면 JMP 모델을 스코어링 코드로 내보내 AWS에 호스팅할 수도 있다는 점, 잊지 마세요.
https://dfd3m9li3aipf.cloudfront.net/index.html
또는 JavaScript 점수 코드로 HTML 동적 페이지에 직접 삽입할 수 있습니다.
http://jmp.scoring.iris.s3-웹사이트.us-east-2.amazonaws.com/
http://jmp.valentine.s3-웹사이트-us-east-1.amazonaws.com/
Re: 웹사이트에 대화형 HTML 플롯 게시좋은 아이디어네요! 왜 전에는 그냥 코드를 복사해서 붙여넣지 않았는지 모르겠지만, 제 웹사이트에서는 그래프가 잘 나오네요. OneDrive의 HTML 파일 처리 방식에 대한 불만이 꽤 많습니다(OneDrive 내에서 최종 결과물이 아니라 스크립트로 열립니다). 방금 Dropbox에서 시도해 봤는데 OneDrive에서와 같은 문제가 발생했습니다. 링크를 통해 파일을 공유할 때 링크가 일반 웹사이트 링크(당신의 링크처럼)처럼 보이지 않아서 그런 걸까요? 예를 들어 https://www.dropbox.com/s/dwjyb5n0fk24zoo/Fit%20Y%20by%20X.html?dl=0 처럼요. 흥미롭게도 OneDrive에는 이 문제를 해결하기 위한 "임베드" 기능이 있는데, 웹사이트에 복사할 HTML 코드를 제공하는 기능입니다. 하지만 아이러니하게도 대화형 HTML에서는 작동하지 않습니다!
어쨌든 방금 S3 계정에 가입했는데, 잘 작동합니다! 와, 이렇게 번거로울 줄은 생각도 못 했는데, 덕분에 JMP에서 S3를 사용하여 대화형 HTML 파일을 호스팅하고 S3 파일 링크를 참조하는 게 괜찮은 해결책이 될 것 같습니다. 도와주셔서 정말 감사합니다 (그리고 다른 분들께도요).
Re: 웹사이트에 대화형 HTML 플롯 게시페이지에서 올바른 MIME 유형을 보고하도록 하려면 One Drive에서 표시 여부 속성을 활성화해야 할 수도 있습니다.
보안상의 이유로 Square Space가 모든 외부 페이지(또는 모든 외부 JavaScript 콘텐츠)를 차단하고 있을 가능성도 있습니다.
S3에 있는 제 인터랙티브 HTML 페이지를 가리키는 iframe을 만들어 보세요. URL은 첫 번째 게시물에 있습니다.
이렇게 하면 문제가 One Drive에 있는지, SquareSpace에 있는지 알 수 있습니다.
또한 JavaScript 콘솔에서 오류 메시지를 확인하면 단서를 찾을 수 있을 것입니다.
Re: 웹사이트에 대화형 HTML 플롯 게시안녕하세요,
좋은 방법인 것 같은데, 제가 지금 사용하는 파일 공유/저장 장치인 One Drive에서는 작동하지 않습니다. 이전에 대화형 HTML 파일을 One Drive에 호스팅하고 Squarespace에서 참조했는데, 웹사이트에서는 빈 상자로만 표시됩니다. 나중에 S3에서도 시도해 볼 생각인데, 같은 문제가 발생하는 것 같나요? Squarespace 문제일 수도 있겠네요...
Re: 웹사이트에 대화형 HTML 플롯 게시생성된 HTML을 S3에 호스팅하고 iframe을 S3로 연결할 수 있습니다. 예시는 다음과 같습니다.
http://blog.nascif.com/2015/08/a-소프트웨어-개발자-경력-비주얼라이즈드.html
관련 코드:
&amp;lt;a href="https://s3-us-west-2.amazonaws.com/jmp.examples/career/index.html&amp;amp;amp;amp;lt;/A&amp;amp;amp;amp;gt" target="_blank"&amp;gt;https://s3-us-west-2.amazonaws.com/jmp.examples/career/index.html&amp;amp;amp;amp;lt;/A&amp;amp;amp;amp;gt&amp;lt;/a&amp;gt;;" width="100%"&amp;amp;amp;amp;gt;
Re: 웹사이트에 대화형 HTML 플롯 게시좋은 아이디어인데, Squarespace에서는 허용하지 않는 것 같아요! Squarespace 측에서 이렇게 말했어요.
"사람들은 여전히 HTML 파일을 다운로드할 수 있지만, Squarespace 링크를 통해 브라우저에서 열고 .pdf 파일처럼 정적 URL을 사용할 수는 없습니다."
저는 이 사람이 틀렸으면 좋겠다고 생각해서, 대부분 다른 웹사이트에서 가능한 것처럼 보이는 당신만의 방식으로 해결할 수 있는 방법을 찾아보려고 합니다!
그렇지 않으면 200페이지 분량의 코드를 다시 붙여넣어야 합니다.....
성공하면 알려드리겠습니다. 다시 한번 도와주셔서 감사합니다. 개인 웹사이트의 올바른 위치에 인터랙티브 HTML을 게시하는 건 분명 가능할 겁니다!
앤더슨
Re: 웹사이트에 대화형 HTML 플롯 게시I found a really easy solution! You can embed an html page within another html page using tags.&amp;amp;amp;amp;nbsp; Here's a really simple example:&amp;amp;amp;amp;lt;/P&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;PRE&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;title&amp;amp;amp;amp;gt;Main Page&amp;amp;amp;amp;lt;/title&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;meta name="viewport" content="initial-scale=1.0"&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;style&amp;amp;amp;amp;gt; iframe { width: 100%; height: 600px; } &amp;amp;amp;amp;lt;/style&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;/head&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;body&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;p&amp;amp;amp;amp;gt;Some content above.&amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;iframe src="Graph%20Builder.htm"&amp;amp;amp;amp;gt;
아래에 일부 내용이 있습니다.
iframe 시작 태그에서 JMP 인터랙티브 HTML 파일로 연결합니다. 해당 파일을 foursquare에 업로드하여 foursquare가 해당 파일을 찾고 경로가 올바른지 확인해야 합니다. 또한 필요에 따라 iframe 크기를 조정할 수 있도록 스타일을 추가하는 것이 좋습니다. tags, I made the iframe as wide as possible and 600&amp;amp;amp;nbsp;pixels tall.&amp;amp;amp;lt;/P&amp;amp;amp;gt;&amp;amp;amp;lt;br /&amp;amp;amp;gt;&amp;amp;amp;lt;P&amp;amp;amp;gt;Here's what my result looks like.&amp;amp;amp;lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="iframeexample.PNG" style="width: 592px;"&amp;amp;amp;gt;&amp;amp;amp;lt;img src="https://us.v-cdn.net/6038925/uploads/images/11223i427DB074EDA86FA5/iframeexample.PNG" role="button" title="iframeexample.PNG" alt="iframeexample.PNG" /&amp;amp;amp;gt;&amp;amp;amp;lt;/span&amp;amp;amp;gt;&amp;amp;amp;lt;/P&amp;amp;amp;gt;&amp;amp;amp;lt;br /&amp;amp;amp;gt;&amp;amp;amp;lt;br /&amp;amp;amp;gt;&amp;amp;amp;lt;br /&amp;amp;amp;gt;&amp;amp;amp;lt;/lingo-body&amp;amp;amp;gt;
Re: 웹사이트에 대화형 HTML 플롯 게시게일,
답변 감사합니다. HTML 파일/링크를 공유하는 것은 쉽습니다. 제가 하고 싶은 것은 인터랙티브 플롯을 제 웹사이트에 표시하는 것입니다. 지금까지는 엄청난 양의 HTML 코드를 복사해서 코드 상자에 붙여넣는 것으로 가능했습니다. 그런데 왜 인터랙티브 플롯이 항상 페이지의 올바른 위치가 아닌 푸터 영역에 표시되는지 알 수 없습니다. 코드를 조금 수정해야 할 것 같아서 Cameron에게 연락해서 코드에서 정확히 무엇을 수정해야 하는지 알려달라고 했습니다. 아니면 페이지 하단으로 스크롤하라고 하는 방법도 있습니다!
정말 기대되네요! 독자/사용자가 속도, 타이밍 등을 조절할 수 있도록 움직이는 버블 플롯까지 삽입했어요. 제대로 배치하면 제 웹사이트는 움직이는/인터랙티브 JMP 플롯으로 가득 찰 거예요!
도와주셔서 감사합니다.
앤더슨

Re: 웹사이트에 대화형 HTML 플롯 게시캐머런,
JMP와 Squarespace를 더 많이 사용해 봤는데, 다행히 150페이지 분량의 HTML 코드를 붙여넣기만 하면 아무리 복잡한 그래프(거품 플롯 이동 포함!)도 웹사이트에 삽입할 수 있습니다. 문제는 (지난번에 말씀드렸듯이) 푸터에 삽입하는 것입니다. 스크립트에 >div를 추가하는 방법으로 이 문제를 해결할 수 있다고 하셨는데, MONSTER HTML 스크립트 맨 끝에 다음 코드가 있습니다. "body" 중 하나를 "div"로 바꿔야 할까요, 아니면 그보다 더 복잡한가요? 각각 따로 바꿔 보기도 하고, 합쳐서 div로 바꿔 보기도 해 봤는데, 스크립팅에 대해 아무것도 모르니 그보다 훨씬 더 복잡할 수도 있겠어요! 혹시 좋은 아이디어 있으신가요? 200페이지 분량의 HTML 코드를 참고용으로 첨부합니다.
감사해요,
앤더슨
Re: 웹사이트에 대화형 HTML 플롯 게시안녕하세요 앤더슨,
JMP의 몇몇 직원들이 귀하의 문제에 대한 해결책을 찾으려고 노력하고 있으며, 귀하가 설명한 요구 사항을 충족하기 위해 향후 JMP 개선이 필요하다는 사실을 기록했습니다.
처음 문의하셨을 때 말씀드린 대로, 공유할 단계는 다음과 같습니다.
- 그래프를 만들어 어딘가에 저장하세요. (이미 저장해 두었습니다.)
- 핵심은 .htm 파일을 공유해야 한다는 것입니다. a) 이메일에 첨부해서 "열어보세요"라고 알려주세요. (저는 이메일로 보냈습니다. 열어보세요.) b) 공유 드라이브에 저장하면 클릭했을 때 열립니다. (저는 Chrome에서 열 수 있도록 게시한 파일도 첨부했습니다. 이 파일을 열려면 Chrome이 필요합니다.)
- 또는 하나 이상의 보고서를 게시하고 .html 파일에 대해서도 동일한 작업을 수행할 수 있습니다. https://www.jmp.com/support/help/14/create-a-web-report.shtml
Re: 웹사이트에 대화형 HTML 플롯 게시캐머런,
답변 정말 감사합니다. 제가 걱정했던 것처럼, 웹페이지에 인터랙티브 플롯을 그냥 붙여넣을 수가 없네요! Squarespace는 CSS, Java, HTML을 지원하니 내일 제안해 주신 내용을 시도해 보겠습니다. 아이러니하게도 Squarespace는 스크립트 작성을 의도적으로 없애도록 설계되었지만, 긴급한 경우에는 스크립트 작성이 가능합니다. 제안해 주셔서 다시 한번 감사드립니다. 다른 JMP 사용자들도 웹사이트에 인터랙티브 HTML 플롯을 게시하는 데 관심이 있다면, 나중에 제 성공(혹은 실패)에 대해 다시 알려드리겠습니다! Anderson
Re: 웹사이트에 대화형 HTML 플롯 게시안녕하세요 @abmayfield ,
아마 좀 까다로울 것 같습니다. 해당 파일들은 그래프만 웹사이트에 삽입하기 위해 쉽게 복사/붙여넣기하도록 만들어진 것이 아닙니다. HTML, CSS, JavaScript에 대한 경험이 있으신가요? 저는 JMP 그래프를 웹사이트에 게시해 본 적은 없지만, Graph Builder 예제를 내보내서 전체 구조를 확인해 보았습니다. 모든 동작은 태그 내에서 이루어집니다. 실제 DOM은 CSS와 JavaScript를 포함하는 head 태그와 빈 태그뿐입니다. JavaScript는 모든 내용을 태그에 삽입합니다.
시도해보고 싶다면 모든 것을 잘라내는 것이 좋습니다. tags and putting that into a CSS file, and then clipping out all the JavaScript in the &amp;amp;amp;lt;script&amp;amp;amp;gt; tags and saving that as a .js file.&amp;amp;amp;nbsp; I don't use foursquare, but I found this which may be helpful for adding your own custom CSS and Javascript&amp;amp;amp;amp;colon; &amp;amp;amp;lt;A href="https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-HTML-CSS-and-JavaScript" target="_self" rel="nofollow noopener noreferrer"&amp;amp;amp;gt;https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-HTML-CSS-and-JavaScript&amp;amp;amp;lt;/A&amp;amp;amp;gt;&amp;amp;amp;lt;/P&amp;amp;amp;gt;&amp;amp;amp;lt;br /&amp;amp;amp;gt;&amp;amp;amp;lt;P&amp;amp;amp;gt;The JavaScript is pretty unreadable in its unformatted state.&amp;amp;amp;nbsp; I'm guessing it is ending up in the footer because the JavaScript just appends the content to the tag, so it will go right at the end.&amp;amp;amp;nbsp; You could add a &amp;amp;amp;lt;div&amp;amp;amp;gt; to the body and edit the JavaScript to to write to that div instead.&amp;amp;amp;lt;/P&amp;amp;amp;gt;&amp;amp;amp;lt;br /&amp;amp;amp;gt;&amp;amp;amp;lt;P&amp;amp;amp;gt;Also, I'm sure there will be some conflicts with the CSS that JMP provides with your website's own styling, so that may have some unintended consequences.&amp;amp;amp;nbsp; If you know what you're doing, you can probably sort that out.&amp;amp;amp;lt;/P&amp;amp;amp;gt;&amp;amp;amp;lt;br /&amp;amp;amp;gt;&amp;amp;amp;lt;P&amp;amp;amp;gt;Good luck!&amp;amp;amp;lt;/P&amp;amp;amp;gt;&amp;amp;amp;lt;/lingo-body&amp;amp;amp;gt;