GLOBE INFOGRAPHIC
Globe animation originally designed for National Geographic DOW Infographic website. Animations use a combination of Three.js and GSAP to rotate or translate the 3D globe, and faciliate interactions with its markers.
Use the 'Open Map' button to toggle the globe into a fully interactive map. The navbar buttons scroll the page to certain geographical regions.
UNITED STATES
UNITED STATES
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.
BRAZIL
BRAZIL
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.
COSTA RICA
COSTA RICA
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.
AUSTRIA
AUSTRIA
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.
FINLAND
FINLAND
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.
KENYA
KENYA
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.
INDIA
INDIA
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.
INDONESIA
INDONESIA
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.
THAILAND
THAILAND
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.
JAPAN
JAPAN
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.
AUSTRALIA
AUSTRALIA
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Mi bibendum neque egestas congue quisque egestas. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Aliquet risus feugiat in ante metus dictum at tempor commodo. Enim nec dui nunc mattis enim ut tellus. Interdum varius sit amet mattis vulputate enim nulla aliquet porttitor.
Tortor condimentum lacinia quis vel eros donec ac odio. Malesuada fames ac turpis egestas sed tempus. Maecenas volutpat blandit aliquam etiam. Enim nunc faucibus a pellentesque sit amet porttitor eget. Pharetra et ultrices neque ornare aenean euismod elementum nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Semper risus in hendrerit gravida rutrum quisque. Felis donec et odio pellentesque. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat.