CINXE.COM
Aladin Lite
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no"> <title>Aladin Lite</title> <meta name="description" content="Aladin Lite is an online sky atlas, geared towards visualization of a sky region. Is is able to display FITS images and overlay astronomical tables."> <script type="application/ld+json" class="schemantra">{ "@context": "https://schema.org", "@type": "WebApplication", "abstract": "Aladin Lite is an online visualizer of astronomical data visualizer. Powered by WebGL, Aladin Lite can be easily embedded on any web page.", "name": "Aladin Lite", "alternateName": "AladinLite", "browserRequirements": "Browser supporting WebGL 2", "softwareHelp": { "@type": "CreativeWork", "url": "https://aladin.cds.unistra.fr/AladinLite/doc/" }, "citation": "https://ui.adsabs.harvard.edu/abs/2022ASPC..532....7B/abstract", "creditText": "CDS, Observatoire Astronomique de Strasbourg", "fileFormat": "HiPS, FITS, VOTable", "image": "https://alasky.cds.unistra.fr/hips-image-services/hips2fits?hips=CDS%2FP%2FDSS2%2Fcolor&width=500&height=300&fov=2.7&projection=SIN&coordsys=icrs&rotation_angle=0.0&object=05+35+16.800+-05+23+24.00&format=jpg", "isPartOf": "https://aladin.cds.unistra.fr/", "license": "https://www.gnu.org/licenses/gpl-3.0-standalone.html", "mainEntityOfPage": "https://aladin.cds.unistra.fr/AladinLite/", "screenshot": "https://alasky.cds.unistra.fr/hips-image-services/hips2fits?hips=CDS%2FP%2FDSS2%2Fcolor&width=500&height=300&fov=2.7&projection=SIN&coordsys=icrs&rotation_angle=0.0&object=05+35+16.800+-05+23+24.00&format=jpg", "thumbnailUrl": "https://alasky.cds.unistra.fr/hips-image-services/hips2fits?hips=CDS%2FP%2FDSS2%2Fcolor&width=256&height=256&fov=2.7&projection=SIN&coordsys=icrs&rotation_angle=0.0&object=05+35+16.800+-05+23+24.00&format=jpg", "url": "https://aladin.cds.unistra.fr/AladinLite/", "applicationCategory": "EducationalApplication", "operatingSystem": "Linux, MacOS, Windows, Android, iOS", "featureList": [ "Visualisation of VOTable tabular data", "Visualisation of FITS images" ], "version": "3" }</script> <style> html, body { min-width: 100%; min-height: 100vh; overflow: hidden; /* to disable the scrolling inside body, this fixes a blank space we can have on smartphone when reaching the end of the scroll of the panels.*/ } body { margin: 0; padding: 0; } </style> <link rel="canonical" href="https://aladin.cds.unistra.fr/AladinLite/" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@cdsportal" /> <meta name="twitter:site" content="@cdsportal" /> <meta name="twitter:title" content="P/allWISE/color visualisation of 05 31 24.000 -71 04 24.00 in Aladin Lite" /> <meta name="twitter:description" content="P/allWISE/color HiPS survey visualized in Aladin Lite. Target: 05 31 24.000 -71 04 24.00 - Field of view: 7.20 arcmin" /> <meta name="twitter:image" content="https://alasky.cds.unistra.fr/hips-image-services/hips2fits?hips=P%2FallWISE%2Fcolor&width=1000&height=500&fov=0.12&projection=SIN&coordsys=icrs&rotation_angle=0.0&object=05+31+24.000+-71+04+24.00&format=jpg" /> <meta name="og:url" content="/AladinLite/?target=05%2031%2024.000-71%2004%2024.00&fov=0.12&survey=P%2FallWISE%2Fcolor" /> <meta name="og:title" content="P/allWISE/color visualisation of 05 31 24.000 -71 04 24.00 in Aladin Lite" /> <meta name="og:description" content="P/allWISE/color HiPS survey visualized in Aladin Lite. Target: 05 31 24.000 -71 04 24.00 - Field of view: 7.20 arcmin" /> <meta name="og:image" content="https://alasky.cds.unistra.fr/hips-image-services/hips2fits?hips=P%2FallWISE%2Fcolor&width=1000&height=500&fov=0.12&projection=SIN&coordsys=icrs&rotation_angle=0.0&object=05+31+24.000+-71+04+24.00&format=jpg" /> <link href="css/style.css" rel="stylesheet" /> <style type="text/css"> .slider { width: 900px; margin: 100px auto; } .slick-slide { width: 200px; margin: 0px 10px; } /* .slick-slide img { width: 100%; } */ .slick-slide { transition: all ease-in-out .3s; opacity: .2; } .slick-active { opacity: 1; } .slick-current { opacity: 1; } #layersControl { padding: 4px; z-index: 2; left: unset; right: 4px; top: 20%; max-height: 60%; overflow: auto; text-wrap: nowrap; border: 1px solid white; } .arrow { cursor: pointer; float: right; right: 4px; top: 8px; display: block; margin: 4px; transition: transform 0.3s; width: 16px; height: 16px; } .arrow.active { transform: rotate(180deg); } #layersControlContent { margin-top: 4px; padding-left: 8px; padding-right: 4px; transition: transform 0.3s; } #layersControlContent.active { display: none; } </style> </head> <body> <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.1.min.js"></script> <div id="modalOverlay" class="modal-overlay"></div> <div id="modalCSVHelp" class="modal" style="display: none;"> <p>To upload a CSV file, click on the "Upload CSV table" button and select your file. It must contain at least 2 fields: <ul> <li><b>ra</b> : right ascension of the source in decimal degrees <li><b>dec</b> : declination of the source in decimal degrees </ul> </p> <p> Your file can contain additional fields: <ul> <li><b>label</b> : the label which will be displayed next to the source position </ul> </p> <p>Lines starting with <b>#</b> will be ignored.</p> <p>You can download the following example files: <a href="data/messier-positions-only.csv" download>Messier objects with positions only</a>, <a href="data/messier-with-labels.csv" download>Messier objects with labels</a>.</p> <button id="closeCSVHelpModal" class="basicButton">Close</button> </div> <div id="container"> <div id="left"> <div class="targetDiv"><div class="title">Target:</div> <input id="target" enterkeyhint="send"></div> <div><div class="title">Surveys:</div></div> <div class="surveyDiv"><div id="surveys"></div> </div> </div> <div id="central"> <div id="aladin-lite-div"> <div id="layersControl" class="aladin-box aladin-dark-theme"> <span class="arrow"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="lightGrey" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10"></circle> <polyline points="10 8 16 12 10 16"></polyline> </svg> </span> <div id="layersControlContent"></div> </div> <div class="aladin-upload"> <button id="uploadCSVButton" class="basicButton">Upload CSV table</button> <span id="csvHelpIcon" class="helpIcon">?</span> <input type="file" id="fileInput" style="display: none;"> </div> <div class="aladin-copyright"></div> </div> </div> </div> <div class="bottom" id="content" ></div> <script type="text/javascript" src="https://aladin.cds.unistra.fr/AladinLite/api/v3/3.6.1-beta/aladin.js" charset="utf-8"></script> <script type="text/javascript" src="js/app.js"></script> <script type="text/javascript"> const appHeight = () => { const al = document.querySelector('#aladin-lite-div'); const left = document.querySelector('#left'); al.style.height= window.innerHeight + 'px'; left.style.height= window.innerHeight + 'px'; } window.addEventListener('resize', appHeight) appHeight() </script> </body> </html>