<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xs="http://www.w3.org/2001/XMLSchema">
    <head>
        <meta content="672" name="orgcode"/>
        <meta content="Lan.Jian" name="rno"/>
        <meta content="Rita.C.Johnson" name="content-owner"/>
        <meta content="Rita.C.Johnson" name="webmaster"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta http-equiv="Cache-Control" content="max-age=86400"/>
        <title>SPASE Resource Description</title>
        <style>

* {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

body {
	background-color: #f0f0f0; // #eaf5e9; #277bc0; #d3d3f9;
	color: black;
	font-family: Verdana, Arial, sans-serif; 
	font-size:12px; 
	line-height: 1.2;
}
 
h1,h2,h3,h4,h5,h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight:bold;
}

h1 {
	font-size: 140%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 110%;
	font-style: oblique;
}

p {
	margin-bottom: 0.75ex;
}

a:link,
a:visited {
   color: #277bc0;/* #339;*/
   font-weight:bolder; 
   text-decoration:none; 
}

a:hover {
   color: blue;
   font-weight:bolder; 
   text-decoration:underline; 
}

ul {
	list-style: square inside ;
	margin-bottom: 0.75ex;
}

table {
   border: thin solid #666;
	margin-top: 5px;
	margin-bottom: 10px;
}

table.nested {
	margin-left: 2em;
}

thead,tbody {
   border: thin solid #666;
}

td, th {
   margin: 0;
	padding: 2px 2px 2px 2px;
}

th {
	font-style: oblique;
}

h1.detail {
}

.header {
	width:100%;
	padding: 1em 10px 1em 10px;
	color: #fff;
	background: #5e87b0;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #3e6790 /*{b-bar-shadow-color}*/;
	text-align: center;
	font-size: 16px;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	outline: 0 !important;
}

.usa-banner {
    padding-left: 10px;
    overflow: hidden;
}

.official-websites {
    float: left;
    width: 50%;
}

.secure-websites {
    float: left;
    width: 50%;
}

.image-left {
    float: left;
    margin-right: 10px;
}

.footer {
    width: 100%;
    padding: 1em 10px 1em 10px;
    /*
    color: #fff;
    */
    color: Black;
    background: #5e87b0;
    font-weight: bold;
    font-size: 16px;
    display: table;
}
div.footer-item {
    float: left;
    padding-left: 1em;
    padding-right: 1em;
}
/* this does not work
a.footer-item:link {
    all: revert;
}
a.footer-item:visited {
    all: revert;
}
a.footer-item:hover {
    all: revert;
}
*/
.inset {
	margin-left: 22%;
}

.page {
	padding: 10px 3% 10px 3%;
}

div.indent {
    margin-left: 2em;
}

div.term {
	margin-top: 5px;
	padding-left: 5px;
	border-top: 1px solid #DDD;
	font-weight: bold;
}

div.definition {
	margin-left: 5ex;
}

div.value {
	margin-left: 5ex;
}

div.product {
	background-color: white;
	border: thin solid #333;
	padding: 10px 15px 10px 15px;
	margin-top: 10px;
}

div.parameter {
	margin-top: 10px;
	padding: 5px 10px 10px 10px;
	border: thin dotted #333;
	background-color: #ebebeb;
}

#toc {
   border: thin solid #333;
   background-color: #F5F5F5; 
   padding: 10px 15px 10px 15px;
   margin-left: 5%;
   margin-right: 5%;
   margin-bottom: 30px;
}

#toc ol, ul, li {
	padding-left: 5ex;
}

#toc ol {
	list-style-type: decimal;
	list-style-position: inside; 
}

#toc ul {
	list-style-type: square;
	list-style-position: inside; 
}

p.version {
  float: right;
  width: 100%;
  margin-top: 5px;
  text-align: right;
  font-size: x-small;
}

p.right {
  float: right;
  text-align: right;
}

.box-title {
	font-size: 120%;
	font-weight:bold;
	text-align: center;
	border-bottom: 1px solid #DDD;
}

ul.list {
	list-style-position: outside;
	padding-left: 1.5em;
}

li.list {
	text-align: left;
	padding-left: 0px;
}

.no-break {
	white-space: nowrap;
}

p.author {
	font-size: 120%;
}

div.brand {
	width: 100%;
	text-align: right;
}

div.abstract {
	display: table;
	position: relative;
	width: 100%;
}

div.citation {
}

div.access {
	float: left;
	width: 20%;
	background-color: white;
	border: thin solid #333;
	padding: 5px 5px 5px 5px;
	margin-right: 1em;
}

a.xml-logo:link,
a.xml-logo:visited {
   background: #ff6600;
   color: #ffffff;
   font-weight:bolder; 
   text-decoration:none; 
   padding-left:2px;
   padding-right:2px;
}
a.xml-logo:hover {
   text-decoration:underline; 
}
button {
  background-color: #5e87b0;
  border: none;  /* 2px solid black;  */
  border-radius: 8px;
  color: white;
  padding: 3px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
button.usa-banner-button {
    background-color: initial;
    border: initial;
    border-radius: initial;
    color: initial;
    padding: initial;
    text-align: initial;
    text-decoration: underline;
    display: initial;
}
	  </style>
        <script>
	    async function getResponseText(response) {
	        document.body.style.cursor = 'default';
	        return await response.text();
	    }
	    function getVersionedBibTeX(bibtex) {
	        /* Add version field as suggested by August (Gus) Muench, Journals Data Editor,
	        American Astronomical Society (email dated 7/7/25) */
	        const accessVersion = ", version={Accessed on " + currentIsoDateStr + "}";
	        const modifiedBibtex = bibtex.substring(0, bibtex.lastIndexOf("}")) + accessVersion + "}";
	        return modifiedBibtex;
	    }
	    function getBlob(text) {
	        return new Blob([text], { type: "text/plain"});
	    }
	    function clipboardAlert(text) {
	        alert(text + "\nCopied to clipboard");
	    }
	    function clipCitation(doi) {
	        document.body.style.cursor = 'wait';
            let url = "https://citation.doi.org/format?doi=" + doi.replace("https://doi.org/", "") +
                String.fromCodePoint(38) + "style=bibtex" + String.fromCodePoint(38) + "lang=en-US";
            const text = new ClipboardItem({
                    "text/plain": fetch(url)
                    .then(getResponseText)
                    .then(getVersionedBibTeX)
                    .then(getBlob)
            });
            navigator.clipboard.write([text]);
            
            text.getType("text/plain")
                .then(getResponseText)
                .then(clipboardAlert);
        }
        function toggle_usa_banner_details() {
            const details = document.getElementById("usa-banner-details");
            const indicator = document.getElementById("usa-banner-indicator");
            if (details.style.display === "none") {
                details.style.display = "block";
                indicator.textContent = "^";
            }
            else {
                details.style.display = "none";
                indicator.textContent = "v";
            }
        }
	    const monthName=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
	    let currentDate = new Date();
	    let currentIsoDateStr = currentDate.toISOString().substring(0, 10);
	    let currentDateStr = currentDate.getFullYear() + '-' + monthName[currentDate.getMonth()] + '-' + currentDate.getDate();
	  </script>
    </head>
    <body>
        <div>
            <a id="top"/>
        </div>
        <div class="usa-banner">
            <p>
                <img class="usa-banner__header-flag" height="10px" width="20px" src="/logos/us_flag_small.png" alt="USA flag"/> An official website of the United States government
                <button class="usa-banner-button" onclick="toggle_usa_banner_details()">Here's how you know</button> <span id="usa-banner-indicator">v</span>
            </p>
            <div id="usa-banner-details" style="display: none">
                <div class="official-websites">
                    <div>
                        <img class="image-left" src="/logos/icon-dot-gov.svg" alt="dot gov icon"/>
                        <p>
                            <b>Official websites use .gov</b>
                        </p>
                        <p>A <b>.gov</b> websites belongs to an official government organization in the United States</p>
                    </div>
                </div>
                <div class="secure-websites">
                    <img class="image-left" src="/logos/icon-https.svg" alt="HTTPS icon"/>
                    <p>
                        <b>Secure .gov website use HTTPS</b>
                    </p>
                    <p>A <b>lock</b> (<img src="/logos/usa-banner-lock.svg" alt="lock icon"/>) or <b>https://</b> means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.</p>
                </div>
            </div>
        </div>
        <div class="header">
            <div class="middle">HDPWS</div>
        </div>
        <div class="page">
            <div class="spase">
                <div class="abstract">
                    <div class="citation ">
                        <h1>
                            <a name="spase://SMWG/Service/CDPP/3DView">3DView Website</a>
                        </h1>
                        <p>
                            <div class="term">ResourceID</div>
                            <div class="definition">spase://SMWG/Service/CDPP/3DView</div>
                        </p>
                        <p>
                            <div class="term">Description</div>
                            <div class="definition">3DView is a science tool that offers immediate 3D visualization of spacecraft position and attitude, planetary ephemerides, as well as scientific data representation (observations and models). 
            A large number of mission trajectories are included (via Spice Kernels) : Cluster, Themis, Solar Orbiter, Juice, Juno, Maven, Mars Express, Venus Express, ...
            3DView can access observational database (AMDA, CDAWeb, CLweb, ...) as well as simulation and model databases (from FMI, LATMOS, SINP, ...) 
</div>
                        </p>
                        <p/>
                    </div>
                </div>
                <div>
                    <p class="right">
                        <a target="_blank" href="/WS/hdp/1/Spase?ResourceID=spase://SMWG/Service/CDPP/3DView&amp;Format=spase_xml" download="3DView.xml">View XML</a> |
              <a target="_blank" href="https://spase-editor.heliocloud.org/?edit=https://heliophysicsdata.gsfc.nasa.gov/WS/hdp/1/Spase?ResourceID=spase://SMWG/Service/CDPP/3DView&amp;Format=spase_xml">Edit</a>
                    </p>
                    <h1 class="detail">Details</h1>
                </div>
                <div>
                    <div class="product">
                        <p class="version">Version:2.2.3</p>
                        <h1>Service</h1>
                        <div class="term">ResourceID</div>
                        <div class="definition">spase://SMWG/Service/CDPP/3DView</div>
                        <div class="term">ResourceHeader</div>
                        <div class="definition">
                            <div class="term">ResourceName</div>
                            <div class="definition">3DView Website</div>
                            <div class="term">ReleaseDate</div>
                            <div class="definition">2014-07-11 00:00:00Z </div>
                            <div class="term">Description</div>
                            <div class="definition">3DView is a science tool that offers immediate 3D visualization of spacecraft position and attitude, planetary ephemerides, as well as scientific data representation (observations and models). 
            A large number of mission trajectories are included (via Spice Kernels) : Cluster, Themis, Solar Orbiter, Juice, Juno, Maven, Mars Express, Venus Express, ...
            3DView can access observational database (AMDA, CDAWeb, CLweb, ...) as well as simulation and model databases (from FMI, LATMOS, SINP, ...) 
</div>
                            <div class="term">Contacts</div>
                            <div class="definition">
                                <table class="nested" cellspacing="0">
                                    <tr>
                                        <th/>
                                        <th class="center">Role</th>
                                        <th class="center">Person</th>
                                        <th class="center">StartDate</th>
                                        <th class="center">StopDate</th>
                                        <th class="center">Note</th>
                                    </tr>
                                    <tbody>
                                        <tr>
                                            <td>1.</td>
                                            <td>ProjectScientist</td>
                                            <td>
                                                <a target="_blank" href="https://spase-metadata.org/SMWG/Person/Vincent.Genot.html">spase://SMWG/Person/Vincent.Genot</a>
                                            </td>
                                            <td/>
                                            <td/>
                                            <td/>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="term">InformationURL</div>
                            <div class="definition">
                                <div class="term">Name</div>
                                <div class="definition">3DView home page</div>
                                <div class="term">URL</div>
                                <div class="definition">
                                    <a target="_blank" href="http://3dview.cdpp.eu/">http://3dview.cdpp.eu/</a>
                                </div>
                                <div class="term">Description</div>
                                <div class="definition">3DView service home page at CDPP.
</div>
                            </div>
                        </div>
                        <div class="term">AccessURL</div>
                        <div class="definition">
                            <div class="term">URL</div>
                            <div class="definition">
                                <a target="_blank" href="http://3dview.cdpp.eu/">http://3dview.cdpp.eu/</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer">
                <img class="image-left" src="/logos/nasa-logo.svg" alt="NASA Insignia"/>
                <div class="footer-item">Contact SPDF: <a style="all:revert" href="mailto:NASA-SPDF-Support@nasa.onmicrosoft.com?subject=HDPWS SPASE">NASA-SPDF Feedback/Support</a>
                </div>
                <div class="footer-item">Responsible NASA Official: <a style="all: revert" href="mailto:Lan.Jian@nasa.gov">Lan Jian</a>
                </div>
                <div class="footer-item">Site Editor: <a style="all:revert" href="mailto:NASA-SPDF-Support@nasa.onmicrosoft.com">Rita Johnson</a>
                </div>
                <div class="footer-item">
                    <a style="all:revert" href="https://ror.org/00ryjtt64">SPDF ROR ID</a>
                </div>
                <div class="footer-item">
                    <a style="all:revert" href="https://www.re3data.org/repository/r3d100010168">SPDF re3data ID</a>
                </div>
                <div class="footer-item">
                    <a style="all:revert" href="https://www.nasa.gov/about/">About NASA</a>
                </div>
                <div class="footer-item">
                    <a style="all:revert" href="https://www.nasa.gov/accessibility/">Accessibility</a>
                </div>
                <div class="footer-item">
                    <a style="all:revert" href="https://www.nasa.gov/foia/">FOIA</a>
                </div>
                <div class="footer-item">
                    <a style="all:revert" href="https://www.nasa.gov/no-fear-act/">No FEAR Act</a>
                </div>
                <div class="footer-item">
                    <a style="all:revert" href="https://www.nasa.gov/privacy/">Privacy Policy</a>
                </div>
                <div class="footer-item">
                    <a style="all:revert" href="https://www.nasa.gov/vulnerability-disclosure-policy/">Vulnerability Disclosure Policy</a>
                </div>
                <div class="footer-item">
                    <span>Last Updated: 2014-07-11</span>
                </div>
            </div>
        </div>
    </body>
</html>