Converting a intricate visual into an array or alternative data structure using JavaScript/TypeScript

Question

Converting a intricate visual into an array or alternative data structure using JavaScript/TypeScript

As a passionate aviation enthusiast, I am looking to develop a tool that can calculate the necessary takeoff speeds for a Boeing 747-400F. With access to authentic documentation for this aircraft, I have all the reliable information needed.

The image provided depicts various climatic conditions, each categorized into different regions (A, B, D, etc.). By inputting the current temperature and airport elevation, it is possible to determine which region corresponds to the conditions you are dealing with, such as region A.

Background

Once you have identified the region (such as A), you can refer to a second table where the weight of the aircraft needs to be known. By combining this weight information with the region data, you will be able to establish the required takeoff speeds: V1, VR, V2.

While interpreting information from these charts is straightforward, my goal is to automate the initial step:

Question

Is there a way to convert the first graphic into a structured data format that can be utilized in Javascript or Typescript code?

javascript typescript math data-structures graphics

Answer 1

Answer №1

To determine the boundaries of the region, you can identify the segments of the polylines that form those borders. Once you have identified these segments, you can use the provided temperature (x-coordinate) to locate the segments that encompass that temperature (at most one per border). Then, you can pinpoint the lowest segment above the given point. By iterating through the borders from bottom (A) to top (J), the first one with a segment above the specified pressure-altitude will identify the region.

The main task is to identify the segments of the polylines. Here are the coordinates:

[
[[-55.2,29],[-50,160],[-40.7,335],[-30.2,510],[23.5,1239],[29.3,1050],[32.2,496],[38.3,-1370],[40.1,-2012]],
[[-55.2,2230],[10.2,3017],[16,3090],[22.4,3032],[27.6,2595],[31.9,2041],[34.6,1458],[40.1,58],[42.4,-641],[46,-2012]],
...

Additionally, here is a code snippet that utilizes this information to determine the region based on a provided temperature and pressure-altitude:

// The region's border lines specified as polyline coordinates:
const borders = [[...], [...], ...];

// Function for finding the region corresponding to a given temperature (C°) and pressure-altitude (Ft):
function getRegion(temperatureCelcius, pressureAltitudeFeet) {
    // Return null if inputs are out of range:
    if (temperatureCelcius < -55 || temperatureCelcius > 75) return null;
    if (pressureAltitudeFeet < -2000 || pressureAltitudeFeet > 10000) return null;
    // Find the region:
    const region = borders.findIndex(border => {
        ...
    });
    return "JABCDEFGHI"[region+1]; // Translate region index to letter
}

// Example: Temperature of 30°C and pressure-altitude of 5000 ft.
const region = getRegion(30, 5000);
console.log(region); // Result: "E"

The function will output null if either input value is out of range.

Answer 2

To determine the boundaries of the region, you can identify the segments of the polylines that form those borders. Once you have identified these segments, you can use the provided temperature (x-coordinate) to locate the segments that encompass that temperature (at most one per border). Then, you can pinpoint the lowest segment above the given point. By iterating through the borders from bottom (A) to top (J), the first one with a segment above the specified pressure-altitude will identify the region.

The main task is to identify the segments of the polylines. Here are the coordinates:

[
[[-55.2,29],[-50,160],[-40.7,335],[-30.2,510],[23.5,1239],[29.3,1050],[32.2,496],[38.3,-1370],[40.1,-2012]],
[[-55.2,2230],[10.2,3017],[16,3090],[22.4,3032],[27.6,2595],[31.9,2041],[34.6,1458],[40.1,58],[42.4,-641],[46,-2012]],
...

Additionally, here is a code snippet that utilizes this information to determine the region based on a provided temperature and pressure-altitude:

// The region's border lines specified as polyline coordinates:
const borders = [[...], [...], ...];

// Function for finding the region corresponding to a given temperature (C°) and pressure-altitude (Ft):
function getRegion(temperatureCelcius, pressureAltitudeFeet) {
    // Return null if inputs are out of range:
    if (temperatureCelcius < -55 || temperatureCelcius > 75) return null;
    if (pressureAltitudeFeet < -2000 || pressureAltitudeFeet > 10000) return null;
    // Find the region:
    const region = borders.findIndex(border => {
        ...
    });
    return "JABCDEFGHI"[region+1]; // Translate region index to letter
}

// Example: Temperature of 30°C and pressure-altitude of 5000 ft.
const region = getRegion(30, 5000);
console.log(region); // Result: "E"

The function will output null if either input value is out of range.

Converting a intricate visual into an array or alternative data structure using JavaScript/TypeScript

Background

Question

Answer №1

Similar questions

What steps should I take to develop an Outlook add-in that displays read receipts for action items in sent emails?

What is the best way to extract value from an input text that is being repeated using ng-repeat within a Tr

Tips for Sending Request Parameters to Angular Application

Undefined value is returned for Vue 3 object property

Can you find an `x` value that does not result in 1 when raised to the power of 0 using Math.pow()?

AngularJS: Exploring the Power of Restangular Library

Utilizing Twitter Bootstrap to populate form fields from a dropdown selection

Node.js client-side code

Automatically populate the article number field once the article name has been entered

Sorry, but React does not accept objects as valid children. Make sure the content you are passing is a valid React child element

What is the best way to link my JSON object to specific properties of my data object in vue.js?

Personalized dropdown appearance

Is it possible to validate link clicks and integrate PHP within JavaScript functions?

Scrolling to an element is not possible when it has both position absolute and overflow-x hidden properties

Position the text of an h1 element next to its corresponding image in HTML5

"Unexpected discrepancy: Bootstrap Glyphicon fails to appear on webpage, however, is visible

Error alert: Controllers and services within the same module are experiencing injection issues

Angular JS Array with N-level hierarchy

Problem with Loading OBJ Files in THREE.JS

Multiple renderings of React useEffect