- {description} -
- {showPlayAll && _.isNumber(firstMomentId) - ?{description}
+ {showPlayAll && _.isNumber(firstMomentId) ? ( +- {content} -
+{content}
No Data Yet
; } - if(loading) { + if (loading) { returnLoading
; } @@ -67,56 +82,82 @@ export default class ChordDiagram extends Component { } function formInteractions(data) { - if(typeof data == "undefined") { + if (typeof data == "undefined") { return []; } //TODO get rid of artificial 'duplicates' //this is horrible... but I don't know how to keep react a step ahead //so i'm creating duplicate steps... - var result = data.toArray().map((datum => {return { - name: String(Number(datum.get("met_start"))), - data: String(datum.getIn(["data", "matrix"])) - };})).concat(data.toArray().map((datum => {return { - name: String(Number(datum.get("met_start")) + 1), - data: String(datum.getIn(["data", "matrix"])) - };}))).sort(function(a, b) { - return a.name.localeCompare(b.name); - }).filter((element, index, self) => self.findIndex((e) => { - return e.name === element.name; - }) === index); + var result = data + .map((datum) => { + return { + name: String(Number(datum["met_start"])), + data: String(datum["data"]["matrix"]), + }; + }) + .concat( + data.map((datum) => { + return { + name: String(Number(datum["met_start"] + 1)), + data: String(datum["data"]["matrix"]), + }; + }) + ) + .sort(function (a, b) { + return a.name.localeCompare(b.name); + }) + .filter( + (element, index, self) => + self.findIndex((e) => { + return e.name === element.name; + }) === index + ); return result; } function formSpeakers(data) { - if(typeof data == "undefined") { + if (typeof data == "undefined") { return []; } //TODO get rid of artificial 'duplicates' //this is horrible... but I don't know how to keep react a step ahead //so i'm creating duplicate steps... - var result = data.toArray().map((datum => {return { - name: String(Number(datum.get("met_start"))), - data: String(datum.getIn(["data", "names"])), - ids: String(datum.getIn(["data", "ids"])) - };})).concat(data.toArray().map((datum => {return { - name: String(Number(datum.get("met_start")) + 1), - data: String(datum.getIn(["data", "names"])), - ids: String(datum.getIn(["data", "ids"])) - };}))).sort(function(a, b) { - return a.name.localeCompare(b.name); - }).filter((element, index, self) => self.findIndex((e) => { - return e.name === element.name; - }) === index); + var result = data + .map((datum) => { + return { + name: String(Number(datum["met_start"])), + data: String(datum["data"]["names"]), + ids: String(datum["data"]["ids"]), + }; + }) + .concat( + data.map((datum) => { + return { + name: String(Number(datum["met_start"]) + 1), + data: String(datum["data"]["names"]), + ids: String(datum["data"]["ids"]), + }; + }) + ) + .sort(function (a, b) { + return a.name.localeCompare(b.name); + }) + .filter( + (element, index, self) => + self.findIndex((e) => { + return e.name === element.name; + }) === index + ); return result; } function closestIndex(number, array) { var result = 0; - var diff = Math.abs (number - array[0]); + var diff = Math.abs(number - array[0]); for (var index = 0; index < array.length; index++) { - var newdiff = Math.abs (number - array[index]); + var newdiff = Math.abs(number - array[index]); if (newdiff < diff) { diff = newdiff; result = index; diff --git a/src/components/DashboardDiagram/index.js b/src/components/DashboardDiagram/index.js index fdb0222..67d377f 100644 --- a/src/components/DashboardDiagram/index.js +++ b/src/components/DashboardDiagram/index.js @@ -4,7 +4,7 @@ import Dimensions from "react-dimensions"; import {Chart, Bars, Ticks, Layer, Animate, Pies, Transform} from "rumble-charts"; import * as D3 from "d3"; -class DashboardDiagram extends Component { +export class DashboardDiagram extends Component { shouldComponentUpdate = shouldPureComponentUpdate; render() { diff --git a/src/components/DayDisplay/index.js b/src/components/DayDisplay/index.js index 82453b8..4509b38 100644 --- a/src/components/DayDisplay/index.js +++ b/src/components/DayDisplay/index.js @@ -1,136 +1,156 @@ -import React, {Component} from "react"; -import {Link} from "react-router"; +import React, { Component } from "react"; - -export default class DayDisplay extends Component{ - render(){ - var imgUrl; - var label; - var text; +export class DayDisplay extends Component { + render() { + let imgUrl; + let label; + let text; const url = this.props.url; - var day = this.props.day; + let day = this.props.day; - switch(day){ + switch (day) { //DT - mstart / mend assume milliseconds from mission start for value. - //DT - The diagrams here are accurate, but should only be placeholder for future updates. They are edited from a diagram found online. Tried to track down original source, but it looks to be from a defunct website. + //DT - The diagrams here are accurate, but should only be placeholder for future updates. They are edited from a diagram found online. Tried to track down original source, but it looks to be from a defunct website. case "1": - imgUrl = "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day1.jpg"; + imgUrl = + "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day1.jpg"; label = "Day 1 - July 16th, 1969"; - text = "The first day of the mission, the Saturn V rocket is launched from Cape Kennedy, Florida. It carries 3 astronauts: Commander Neil Armstrong, Command Module Pilot Michael Collins, and Lunar Module Pilot Edwin 'Buzz' Aldrin. Three stages of the Saturn V rocket are activated and the first two jettisoned until the spacecraft begins Earth orbit. After a full trip around the Earth, the third stage rockets fire again, and the astronauts are sent on their lunar trajectory. After a time, the third stage rocket is jettisoned to remove it from the flight path. On course for the moon, the astronauts go to sleep and prepare for the next day."; + text = + "The first day of the mission, the Saturn V rocket is launched from Cape Kennedy, Florida. It carries 3 astronauts: Commander Neil Armstrong, Command Module Pilot Michael Collins, and Lunar Module Pilot Edwin 'Buzz' Aldrin. Three stages of the Saturn V rocket are activated and the first two jettisoned until the spacecraft begins Earth orbit. After a full trip around the Earth, the third stage rockets fire again, and the astronauts are sent on their lunar trajectory. After a time, the third stage rocket is jettisoned to remove it from the flight path. On course for the moon, the astronauts go to sleep and prepare for the next day."; break; case "2": - imgUrl = "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day2.jpg"; + imgUrl = + "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day2.jpg"; label = "Day 2 - July 17th, 1969"; - text = "A relatively uneventful day, Mission Control briefs the astronauts on news and current events back on earth. The spacecraft proceeds on its established trajectory, making some minor course corrections along the way. This evening, the astronauts conduct their first color telecast from space, mostly showing the view from within the command module."; + text = + "A relatively uneventful day, Mission Control briefs the astronauts on news and current events back on earth. The spacecraft proceeds on its established trajectory, making some minor course corrections along the way. This evening, the astronauts conduct their first color telecast from space, mostly showing the view from within the command module."; break; case "3": - imgUrl = "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day3.jpg"; + imgUrl = + "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day3.jpg"; label = "Day 3 - July 18th, 1969"; - text = "Much like the previous day, the spacecraft continues on its trajectory. Housekeeping duties are performed including checks of fuel and oxygen reserves. Another telecast is coordinated by the crew, showing more of the Command Module, and including shots of Armstrong and Aldrin climbing through the Lunar Module hatch."; + text = + "Much like the previous day, the spacecraft continues on its trajectory. Housekeeping duties are performed including checks of fuel and oxygen reserves. Another telecast is coordinated by the crew, showing more of the Command Module, and including shots of Armstrong and Aldrin climbing through the Lunar Module hatch."; break; case "4": - imgUrl = "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day4.jpg"; + imgUrl = + "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day4.jpg"; label = "Day 4 - July 19th, 1969"; - text = "This afternoon, Lunar Orbit Insertion begins and, as the spacecraft goes through orbit, it passes behind the Moon, breaking radio contact with Earth for the first time in the mission. As orbit continues, the crew begin a telecast of the Moon's surface, focusing on the landing site. The Lunar Module is checked on once more for the night as the crew prepares for the landing the next day."; + text = + "This afternoon, Lunar Orbit Insertion begins and, as the spacecraft goes through orbit, it passes behind the Moon, breaking radio contact with Earth for the first time in the mission. As orbit continues, the crew begin a telecast of the Moon's surface, focusing on the landing site. The Lunar Module is checked on once more for the night as the crew prepares for the landing the next day."; break; case "5": - imgUrl = "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day5.jpg"; + imgUrl = + "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day5.jpg"; label = "Day 5 - July 20th, 1969"; - text = "This morning, Armstrong and Aldrin crawl into the Lunar Module and separate from Collins, who will stay in the Command Module during the moonwalk. This afternoon, the Lunar module makes its landing approach on the Lunar surface. Once the landing craft settles down in the Sea of Tranquility, Armstrong radios Mission Control, saying the famous words 'The Eagle has landed.' A few hours later, Armstrong and Aldrin begin their moonwalk, collecting samples and taking photos as they go. During this time, they plant the now-famous American flag on the lunar surface and set up several forms of monitoring equipment to collect and broadcast data back to Earth."; + text = + "This morning, Armstrong and Aldrin crawl into the Lunar Module and separate from Collins, who will stay in the Command Module during the moonwalk. This afternoon, the Lunar module makes its landing approach on the Lunar surface. Once the landing craft settles down in the Sea of Tranquility, Armstrong radios Mission Control, saying the famous words 'The Eagle has landed.' A few hours later, Armstrong and Aldrin begin their moonwalk, collecting samples and taking photos as they go. During this time, they plant the now-famous American flag on the lunar surface and set up several forms of monitoring equipment to collect and broadcast data back to Earth."; break; case "6": - imgUrl = "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day6.jpg"; + imgUrl = + "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day6.jpg"; label = "Day 6 - July 21st, 1969"; - text = "Shortly after midnight on this day, the moonwalkers confirm that they have completed all tasks asked of them on the lunar surface and, once confirmed, return to the landing craft. After removing the spacesuits that have sustained them for the last 3 hours, they go to sleep. When they awaken a few hours later, they begin ascent in the Lunar Module, using its descent stage as a launchpad. As the Lunar module completes its redocking with the Command Module, the landing craft is jettisoned."; + text = + "Shortly after midnight on this day, the moonwalkers confirm that they have completed all tasks asked of them on the lunar surface and, once confirmed, return to the landing craft. After removing the spacesuits that have sustained them for the last 3 hours, they go to sleep. When they awaken a few hours later, they begin ascent in the Lunar Module, using its descent stage as a launchpad. As the Lunar module completes its redocking with the Command Module, the landing craft is jettisoned."; break; case "7": - imgUrl = "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day7.jpg"; + imgUrl = + "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day7.jpg"; label = "Day 7 - July 22nd, 1969"; - text = "On this day, the spacecraft begins its transearth injection burn, sending the crew homeward. As it begins to be pulled in by the Earth's gravity, the crew makes a slight course correction and then later performs another live telecast to Earth."; + text = + "On this day, the spacecraft begins its transearth injection burn, sending the crew homeward. As it begins to be pulled in by the Earth's gravity, the crew makes a slight course correction and then later performs another live telecast to Earth."; break; case "8": - imgUrl = "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day8.jpg"; + imgUrl = + "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day8.jpg"; label = "Day 8 - July 23rd, 1969"; - text = "A very uneventful day, the spacecraft continues its path towards Earth as the crew performs checks on all systems and talks with Mission Control. This evening, the final color TV transmission is made."; + text = + "A very uneventful day, the spacecraft continues its path towards Earth as the crew performs checks on all systems and talks with Mission Control. This evening, the final color TV transmission is made."; break; case "9": - imgUrl = "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day9.jpg"; + imgUrl = + "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/day9.jpg"; label = "Day 9 - July 24th, 1969"; - text = "As the spacecraft approaches its splashdown, the Service Module is jettisoned. Later, the Command module re-enters Earth's atmosphere and splashes down 825 nautical miles southwest of Honolulu, Hawaii and approximately 13 nautical miles away from the recovery ship. Half an hour later, the astronauts emerge from the module. Later this day, President Nixon calls the Apollo mission the 'greatest week in the history of the world since the Creation.'"; + text = + "As the spacecraft approaches its splashdown, the Service Module is jettisoned. Later, the Command module re-enters Earth's atmosphere and splashes down 825 nautical miles southwest of Honolulu, Hawaii and approximately 13 nautical miles away from the recovery ship. Half an hour later, the astronauts emerge from the module. Later this day, President Nixon calls the Apollo mission the 'greatest week in the history of the world since the Creation.'"; break; default: - imgUrl = "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/base.jpg"; + imgUrl = + "https://s3.amazonaws.com/exploreapollo-data/static-photos/apollodiagram/base.jpg"; label = ""; text = ""; } - return( + return (
- {text}
+
+ {text}
"NASA recorded thousands of hours of audio from the Apollo lunar missions, yet most of us have only been able to hear the highlights...Imagine Apple's Siri trying to transcribe discussions amid random interruptions..."
- ++ "NASA recorded thousands of hours of audio from the Apollo + lunar missions, yet most of us have only been able to hear the + highlights...Imagine Apple's Siri trying to transcribe discussions + amid random interruptions..." +
'CRSS has made significant advancements in machine learning and knowledge extraction to assess human interaction for one of the most challenging engineering tasks in the history of mankind.' ~ John H.L. Hansen
- ++ 'CRSS has made significant advancements in machine learning and + knowledge extraction to assess human interaction for one of the most + challenging engineering tasks in the history of mankind.' ~{" "} + John H.L. Hansen +
University of Texas (UT) at Dallas researchers develop speech-processing techniques to reconstruct NASA lunar mission audio from a massive archive. The team developed algorithms to process, recognize and analyze the audio to determine who said what and when in an advance in diarization research...
++ University of Texas (UT) at Dallas researchers develop + speech-processing techniques to reconstruct NASA lunar mission audio + from a massive archive. The team developed algorithms to process, + recognize and analyze the audio to determine who said what and when in + an advance in diarization research... +
Images from the moon landing and other major space moments of the 1960s are familiar to many Americans. But what about the sounds?
++ Images from the moon landing and other major space moments of the + 1960s are familiar to many Americans.{" "} + + But what about the sounds?{" "} + +
Some of it you’ll recognize (“one small step for man”) and some of it you won’t: many of the tapes have “sat unheard in storage for decades,” and cover some of the less glamorous discussions amongst egghead engineers and rocket scientists...
++ Some of it you’ll recognize (“one small step for man”) and some of it + you won’t: many of the tapes have “sat unheard in storage for + decades,” and cover some of the less glamorous discussions amongst + egghead engineers and rocket scientists... +
Almost 50 years after the first humans launched to the moon, researchers in Dallas have taken a new look at NASA's Apollo missions. Or more appropriately, a new listen...
++ Almost 50 years after the first humans launched to the moon, + researchers in Dallas have taken a new look at NASA's Apollo missions. + Or more appropriately, a new listen... +
Dr. John Hansen and his team of researchers from UT-Dallas pored through countless hours of tapes from NASA’s archives with much more than preserving history in mind...
++ Dr. John Hansen and his team of researchers from UT-Dallas pored + through countless hours of tapes from NASA’s archives with{" "} + + much + {" "} + more than preserving history in mind... +
The tapes capture the dramatic moments just before the moon landing, but also some lighthearted episodes...
++ The tapes capture the dramatic moments just before the moon landing, + but also some lighthearted episodes... +
For decades, most of these tapes sat in storage. Only a fraction of the audio — like Armstrong’s famous first words from the moon — were ever released to the public. But now a years-long project to digitize and process the audio from the tapes has given this historic record new life...
++ For decades, most of these tapes sat in storage. Only a fraction of + the audio — like Armstrong’s famous first words from the moon — were + ever released to the public. But now a years-long project to digitize + and process the audio from the tapes has given this historic record + new life... +
...freshly unearthed footage of the 1969 lunar mission, with the help of a community of space nerds, will tell the story of the historic event in a new way, making the film as much a cinematic discovery as a celestial one.
++ ...freshly unearthed footage of the 1969 lunar mission, with the help + of a community of space nerds, will tell the story of the historic + event in a new way, making the film as much a cinematic discovery as a + celestial one. +
A team at the University of Texas at Dallas spent years digitizing old tapes of the conversations between mission control and the Apollo 11 astronauts.Learn More...
++ A team at the University of Texas at Dallas spent years digitizing old + tapes of the conversations between mission control and the Apollo 11 + astronauts. + + Learn More... + +
What NASA’s soundscriber would have taken 172 years to accomplish, Hansen’s rebuild did in only five!
++ What NASA’s soundscriber would have taken 172 years to accomplish,{" "} + + Hansen’s rebuild did in only five! + +
No Data Yet
; } //Data for the diagram - const rawAll = data.series.map((datum => {return {name: datum.name, value: form(datum.value)};})).filter(datum => datum.value.length > 0); - const diagramData = rawAll.map(datum => {return {data: datum.value.map(datum => {return Number(datum.data);})};}); + const rawAll = data.series + .map((datum) => { + return { name: datum.name, value: form(datum.value) }; + }) + .filter((datum) => datum.value.length > 0); + const diagramData = rawAll.map((datum) => { + return { + data: datum.value.map((datum) => { + return Number(datum.data); + }), + }; + }); //Ticks for the diagram - const lengths = rawAll.map(datum => datum.value.length); + const lengths = rawAll.map((datum) => datum.value.length); const rawSingle = rawAll[lengths.indexOf(Math.max.apply(Math, lengths))]; - const timeDelta = data.time-data.start; - const progress = (timeDelta/(data.end-data.start))*100; - const tickCurrent = (progress/100)*(rawSingle.value.length-1); - const tickDistance = 0.001*(rawSingle.value.length-1); + if (!rawSingle) { + returnNo Data Yet
; + } + const timeDelta = data.time - data.start; + const progress = (timeDelta / (data.end - data.start)) * 100; + const tickCurrent = (progress / 100) * (rawSingle.value.length - 1); + const tickDistance = 0.001 * (rawSingle.value.length - 1); return ( -- - Launch - -
++
{text}
No Data Yet
); +export function MomentWidgets({ children }) { + const content = + React.Children.count(children) > 0 ? ( + React.Children.map(children, WidgetContainer) + ) : ( +No Data Yet
+ ); return ({description}
-- - Launch - -
+- {description} -
- {showPlayAll && _.isNumber(firstMomentId) - ?{description}
+ {showPlayAll && _.isNumber(firstMomentId) ? ( +- {content} -
+{content}
+
+
+
+
+
+