ਤਾਰੀਖ, ਸਮਾਂ, ਅਤੇ ਸਥਾਨ ਦੇ ਆਧਾਰ 'ਤੇ ਦਿੱਖ ਰਹੀਆਂ ਤਾਰਾ ਮੰਡਲਾਂ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹੋਏ ਇੱਕ ਇੰਟਰਐਕਟਿਵ SVG ਰਾਤ ਦੇ ਆਕਾਸ਼ ਦਾ ਨਕਸ਼ਾ ਬਣਾਓ। ਇਸ ਵਿੱਚ ਆਟੋ-ਡਿਟੈਕਟ ਜਾਂ ਮੈਨੂਅਲ ਕੋਆਰਡੀਨੇਟ ਇਨਪੁਟ, ਤਾਰਾ ਮੰਡਲ ਦੇ ਨਾਮ, ਤਾਰਿਆਂ ਦੀਆਂ ਸਥਿਤੀਆਂ, ਅਤੇ ਹਾਰਿਜ਼ਨ ਲਾਈਨ ਦੇ ਫੀਚਰ ਹਨ।
The Constellation Viewer App ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਟੂਲ ਹੈ ਜੋ ਖਗੋਲ ਵਿਗਿਆਨ ਦੇ ਸ਼ੌਕੀਨ ਅਤੇ ਤਾਰਿਆਂ ਦੇ ਪ੍ਰੇਮੀ ਲਈ ਹੈ। ਇਹ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਰਾਤ ਦੇ ਆਕਾਸ਼ ਨੂੰ ਦਿੱਖਣ ਅਤੇ ਆਪਣੇ ਸਥਾਨ, ਤਾਰੀਖ ਅਤੇ ਸਮੇਂ ਦੇ ਆਧਾਰ 'ਤੇ ਦਿੱਖਾਈ ਦੇਣ ਵਾਲੀਆਂ ਨਕਸ਼ਿਆਂ ਦੀ ਪਛਾਣ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। ਇਹ ਇੰਟਰੈਕਟਿਵ ਐਪਲੀਕੇਸ਼ਨ ਇੱਕ ਸਧਾਰਣ SVG ਰਾਤ ਦੇ ਆਕਾਸ਼ ਦੇ ਨਕਸ਼ੇ ਨੂੰ ਪ੍ਰਦਾਨ ਕਰਦੀ ਹੈ, ਜਿਸ ਵਿੱਚ ਨਕਸ਼ਿਆਂ ਦੇ ਨਾਮ, ਮੂਲ ਤਾਰਿਆਂ ਦੀਆਂ ਸਥਿਤੀਆਂ ਅਤੇ ਇੱਕ ਹੋਰਾਈਜ਼ਨ ਲਾਈਨ ਦਿਖਾਈ ਜਾਂਦੀ ਹੈ, ਸਾਰੇ ਇੱਕ ਸਿੰਗਲ-ਪੇਜ ਇੰਟਰਫੇਸ ਵਿੱਚ।
ਐਪ ਦਿੱਖਾਈ ਦੇਣ ਵਾਲੇ ਨਕਸ਼ਿਆਂ ਦੀ ਪਛਾਣ ਕਰਨ ਲਈ ਖਗੋਲੀਅ ਸਹੀ ਕੋਆਰਡੀਨੇਟ ਅਤੇ ਸਮੇਂ ਦੀ ਗਣਨਾ ਦੇ ਸੰਯੋਜਨ ਦੀ ਵਰਤੋਂ ਕਰਦੀ ਹੈ:
ਸਹੀ ਉੱਤਰ (RA) ਅਤੇ ਘਟਨਾਵਾਂ (Dec): ਇਹ ਖਗੋਲੀਅ ਲੰਬਾਈ ਅਤੇ ਅਕਸ਼ਾਂਸ਼ ਦੇ ਸਮਾਨ ਹਨ। RA ਨੂੰ ਘੰਟਿਆਂ (0 ਤੋਂ 24) ਵਿੱਚ ਮਾਪਿਆ ਜਾਂਦਾ ਹੈ, ਅਤੇ Dec ਨੂੰ ਡਿਗਰੀਆਂ (-90° ਤੋਂ +90°) ਵਿੱਚ ਮਾਪਿਆ ਜਾਂਦਾ ਹੈ।
ਸਥਾਨਕ ਸਿਡੀਰੀਅਲ ਸਮਾਂ (LST): ਇਹ ਦਰਸ਼ਕ ਦੀ ਲੰਬਾਈ ਅਤੇ ਮੌਜੂਦਾ ਤਾਰੀਖ ਅਤੇ ਸਮੇਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਗਣਨਾ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। LST ਇਹ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਕਿ ਕਿਹੜਾ ਹਿੱਸਾ ਖਗੋਲੀਅ ਗੇਂਦ ਹੁਣ ਸਿਰ ਉੱਪਰ ਹੈ।
ਘੰਟਾ ਕੋਣ (HA): ਇਹ ਮਰਿਡੀਅਨ ਅਤੇ ਇੱਕ ਖਗੋਲੀਅ ਵਸਤੂ ਦੇ ਵਿਚਕਾਰ ਦਾ ਕੋਣੀ ਦੂਰੀ ਹੈ, ਜਿਸਨੂੰ ਗਣਨਾ ਕੀਤੀ ਜਾਂਦੀ ਹੈ:
ਉਚਾਈ (Alt) ਅਤੇ ਅਜ਼ਿਮੁਥ (Az): ਇਹਨਾਂ ਦੀ ਗਣਨਾ ਹੇਠਾਂ ਦਿੱਤੀਆਂ ਫਾਰਮੂਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕੀਤੀ ਜਾਂਦੀ ਹੈ:
ਜਿੱਥੇ Lat ਦਰਸ਼ਕ ਦੀ ਅਕਸ਼ਾਂਸ਼ ਹੈ।
ਐਪ ਦਿੱਖਾਈ ਦੇਣ ਵਾਲੇ ਨਕਸ਼ਿਆਂ ਅਤੇ ਆਕਾਸ਼ ਦੇ ਨਕਸ਼ੇ ਨੂੰ ਦਰਸਾਉਣ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ ਕਦਮਾਂ ਨੂੰ ਪੂਰਾ ਕਰਦੀ ਹੈ:
The Constellation Viewer App has various applications:
While our Constellation Viewer App provides a simple and accessible way to view the night sky, there are other tools available:
The history of constellation mapping and star charts dates back thousands of years:
The app uses a simplified constellation database stored in a TypeScript file:
1export interface Star {
2 ra: number; // ਸਹੀ ਉੱਤਰ ਘੰਟਿਆਂ ਵਿੱਚ
3 dec: number; // ਘਟਨਾਵਾਂ ਡਿਗਰੀਆਂ ਵਿੱਚ
4 magnitude: number; // ਤਾਰੇ ਦੀ ਚਮਕ
5}
6
7export interface Constellation {
8 name: string;
9 stars: Star[];
10}
11
12export const constellations: Constellation[] = [
13 {
14 name: "Ursa Major",
15 stars: [
16 { ra: 11.062, dec: 61.751, magnitude: 1.79 },
17 { ra: 10.229, dec: 60.718, magnitude: 2.37 },
18 // ... ਹੋਰ ਤਾਰੇ
19 ]
20 },
21 // ... ਹੋਰ ਨਕਸ਼ੇ
22];
23
ਇਹ ਡੇਟਾ ਸੰਰਚਨਾ ਨਕਸ਼ਿਆਂ ਦੀ ਖੋਜ ਅਤੇ ਦਰਸਾਉਣ ਲਈ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੈ।
The app uses D3.js to create the SVG night sky map. Here's a simplified example of the rendering process:
1import * as d3 from 'd3';
2
3function renderSkyMap(visibleConstellations, width, height) {
4 const svg = d3.create("svg")
5 .attr("width", width)
6 .attr("height", height)
7 .attr("viewBox", [0, 0, width, height]);
8
9 // ਆਕਾਸ਼ ਦੀ ਪਿਛੋਕੜ ਨੂੰ ਖਿੱਚੋ
10 svg.append("circle")
11 .attr("cx", width / 2)
12 .attr("cy", height / 2)
13 .attr("r", Math.min(width, height) / 2)
14 .attr("fill", "navy");
15
16 // ਤਾਰੇ ਅਤੇ ਨਕਸ਼ਿਆਂ ਨੂੰ ਖਿੱਚੋ
17 visibleConstellations.forEach(constellation => {
18 const lineGenerator = d3.line()
19 .x(d => projectStar(d).x)
20 .y(d => projectStar(d).y);
21
22 svg.append("path")
23 .attr("d", lineGenerator(constellation.stars))
24 .attr("stroke", "white")
25 .attr("fill", "none");
26
27 constellation.stars.forEach(star => {
28 const { x, y } = projectStar(star);
29 svg.append("circle")
30 .attr("cx", x)
31 .attr("cy", y)
32 .attr("r", 5 - star.magnitude)
33 .attr("fill", "white");
34 });
35
36 // ਨਕਸ਼ੇ ਦਾ ਨਾਮ ਸ਼ਾਮਲ ਕਰੋ
37 const firstStar = projectStar(constellation.stars[0]);
38 svg.append("text")
39 .attr("x", firstStar.x)
40 .attr("y", firstStar.y - 10)
41 .text(constellation.name)
42 .attr("fill", "white")
43 .attr("font-size", "12px");
44 });
45
46 // ਹੋਰਾਈਜ਼ਨ ਲਾਈਨ ਖਿੱਚੋ
47 svg.append("line")
48 .attr("x1", 0)
49 .attr("y1", height / 2)
50 .attr("x2", width)
51 .attr("y2", height / 2)
52 .attr("stroke", "green")
53 .attr("stroke-width", 2);
54
55 return svg.node();
56}
57
58function projectStar(star) {
59 // RA ਅਤੇ Dec ਨੂੰ x, y ਕੋਆਰਡੀਨੇਟਾਂ ਵਿੱਚ ਬਦਲੋ
60 // ਇਹ ਇੱਕ ਸਧਾਰਿਤ ਪ੍ਰੋਜੈਕਸ਼ਨ ਹੈ ਅਤੇ ਇਸਨੂੰ ਇੱਕ ਸਹੀ ਖਗੋਲੀਅ ਪ੍ਰੋਜੈਕਸ਼ਨ ਨਾਲ ਬਦਲਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ
61 const x = (star.ra / 24) * width;
62 const y = ((90 - star.dec) / 180) * height;
63 return { x, y };
64}
65
The app handles different time zones and locations by:
While the app doesn't directly account for light pollution, users should be aware that:
The horizon line is calculated based on the observer's location:
The app accounts for seasonal variations in visible constellations by:
ਆਪਣੇ ਕਾਰਜ ਦੇ ਲਈ ਵਰਤਣ ਯੋਗ ਹੋਣ ਵਾਲੇ ਹੋਰ ਸੰਦੇਸ਼ ਦੀ ਖੋਜ ਕਰੋ