\n As scientists, we learn by observing and noticing. Explore these images of the Carina Nebula and see what you can find. \n • Look for stars that are “invisible” to our eyes because they are blocked by dust but shine in JWST’s infrared image. \n • Look near the edge of the dusty, dense clouds in the JWST image. See if you can find bright yellow arcs that indicate gas and dust being blown away by young forming stars. \n • Scan the dark blue region of the JWST image and see if you can find reddish smudgy objects that might be galaxies. Switch over to the Hubble image. Do you see those galaxies in the Hubble image? \n \n
Images as “data”
\n When you think about scientific data, pictures might not immediately spring to mind, but in astronomy, images are some of the most important pieces of data available.\n
\n Images show us the structure of objects in space, which here provides clues on how stars form and evolve. In the Hubble and JWST images of the Carina Nebula, you can see regions of very high density dust and gas (the brown parts of the images) where new stars are being born. If you zoom out, you will see that the images are at the edge of what appears to be a larger bubble, which is the cavern of lower density gas carved out by winds from massive stars.\n
\n
Visible vs Infrared Light
\n Our eyes can detect visible light, but visible light is only a small part of a broader spectrum of light that has different energies, ranging from gamma rays and x-rays to infrared light and radio waves. Images from each part of the spectrum can tell a different part of the story about objects in space.\n
\n The Hubble Space Telescope takes pictures in visible light, like our eyes. The James Webb Space Telescope takes pictures in infrared light. Some “night vision” cameras image objects in the dark using infrared light. Animals and people “glow” in infrared in the dark because we usually have higher temperatures than our surroundings.\n
\n The frame above provides an interactive view of the night sky, powered by WorldWide Telescope (WWT). Here you can see a portion of the Carina Nebula imaged by the Hubble Space Telescope and the James Webb Space Telescope. These colorful images are overlaid against a background of the whole sky.\n
\n
You can zoom out to see where these images fit within a larger cloud of gas and dust.
\n
You can zoom in to see stunning detail within both images.
\n
You can switch between the Hubble and Webb images and compare their views by using the slider, or you can hide both images and explore the whole sky. Click the reset button if you want to return to the location of the Carina Nebula.
\n Jon Carifio \n John Lewis \n Pat Udomprasert \n Alyssa Goodman \n Mary Dussault \n Evaluator: Sue Sunbury \n \n
WorldWide Telescope Team:
\n Peter Williams \n A. David Weigel \n Jon Carifio \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n\n\n\n","import { render } from \"./Carina.vue?vue&type=template&id=41e55185&ts=true\"\nimport script from \"./Carina.vue?vue&type=script&lang=ts\"\nexport * from \"./Carina.vue?vue&type=script&lang=ts\"\n\nimport \"./Carina.vue?vue&type=style&index=0&id=41e55185&lang=less\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { aliases, mdi } from 'vuetify/iconsets/mdi';\nimport { createVuetify } from 'vuetify';\n\n// For test use. Do not include createVuetify()\n// see https://next.vuetifyjs.com/en/features/treeshaking/\n//import * as components from 'vuetify/components';\n//import * as directives from 'vuetify/directives';\n\n// Translations provided by Vuetify\nimport { en } from 'vuetify/locale';\n\n// Styles\nimport 'vuetify/styles';\n\nexport default createVuetify({\n // Icon Fonts\n icons: {\n defaultSet: 'mdi',\n aliases,\n sets: {\n mdi,\n },\n },\n locale: {\n locale: 'en',\n fallback: 'en',\n messages: { en },\n },\n theme: {\n defaultTheme: 'dark',\n },\n});\n\n// Export for test.\n//export { components, directives };\n","import Vue, { createApp } from \"vue\";\n\nimport { FundingAcknowledgment, IconButton } from \"@cosmicds/vue-toolkit\";\nimport Carina from \"./Carina.vue\";\n\nimport vuetify from \"../plugins/vuetify\";\n\nimport { library } from '@fortawesome/fontawesome-svg-core';\nimport {\n faAdjust,\n faBookOpen,\n faCompress,\n faHeart,\n faExpand,\n faFileAlt,\n faMountain,\n faQuestion,\n faPlay,\n faPause,\n faRedo,\n faSearchMinus,\n faSearchPlus,\n faSlidersH,\n faStar,\n faTextHeight,\n faTimes,\n faUndoAlt,\n faVideo,\n} from '@fortawesome/free-solid-svg-icons';\nimport {\n faFacebook,\n faTwitter\n} from '@fortawesome/free-brands-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';\n\nlibrary.add(faAdjust);\nlibrary.add(faCompress);\nlibrary.add(faExpand);\nlibrary.add(faHeart);\nlibrary.add(faMountain);\nlibrary.add(faPlay);\nlibrary.add(faPause);\nlibrary.add(faRedo);\nlibrary.add(faSearchMinus);\nlibrary.add(faSearchPlus);\nlibrary.add(faSlidersH);\nlibrary.add(faStar);\nlibrary.add(faUndoAlt);\nlibrary.add(faFacebook);\nlibrary.add(faTwitter);\nlibrary.add(faVideo);\nlibrary.add(faTextHeight);\nlibrary.add(faTimes);\nlibrary.add(faFileAlt);\nlibrary.add(faBookOpen);\nlibrary.add(faQuestion);\n\nimport { WWTComponent, wwtPinia } from \"@wwtelescope/engine-pinia\";\n\n/** v-hide directive taken from https://www.ryansouthgate.com/2020/01/30/vue-js-v-hide-element-whilst-keeping-occupied-space/ */\n// Extract the function out, up here, so I'm not writing it twice\nconst update = (el: HTMLElement, binding: Vue.DirectiveBinding) => el.style.visibility = (binding.value) ? \"hidden\" : \"\";\n\ncreateApp(Carina, {\n wwtNamespace: \"carinads\",\n wtml: {\n jwst: \"https://web.wwtassets.org/specials/2023/cosmicds-carina/collection/jwst_carina.wtml\",\n hubble: \"https://web.wwtassets.org/specials/2023/cosmicds-carina/collection/carina_nebula.wtml\",\n },\n url: \"https://web.wwtassets.org/specials/2023/cosmicds-carina/\",\n thumbnailUrl: \"https://cdn.worldwidetelescope.org/thumbnails/jwst.jpg\",\n bgWtml: \"https://data1.wwtassets.org/packages/2022/07_jwst/smacs0723/jwst_smacs0723.wtml\",\n bgName: \"unwise\"\n})\n\n // Plugins\n .use(wwtPinia)\n .use(vuetify)\n\n // Directives\n .directive(\n /**\n * Hides an HTML element, keeping the space it would have used if it were visible (css: Visibility)\n */\n \"hide\", {\n // Run on initialisation (first render) of the directive on the element\n beforeMount(el, binding, _vnode, _prevVnode) {\n update(el, binding);\n },\n // Run on subsequent updates to the value supplied to the directive\n updated(el, binding, _vnode, _prevVnode) {\n update(el, binding);\n }\n })\n\n // Components\n .component(\"WorldWideTelescope\", WWTComponent)\n .component('font-awesome-icon', FontAwesomeIcon)\n .component('icon-button', IconButton)\n .component('funding-acknowledgment', FundingAcknowledgment)\n\n // Mount\n .mount(\"#app\");\n","// style-loader: Adds some css to the DOM by adding a
![\"CosmicDS](\"https://cosmicds.github.io/cds-website/logos/cosmicds_logo_for_dark_backgrounds.png\"\n)
\n ![\"WWT](\"https://cosmicds.github.io/cds-website/logos/logo_wwt.png\"\n)
\n ![\"SciAct](\"https://cosmicds.github.io/cds-website/logos/logo_sciact.png\"\n)
\n ![\"SciAct](\"https://cosmicds.github.io/cds-website/logos/NASA_Partner_color_300_no_outline.png\"\n)
\n \n