@jjlmoya/utils-science 1.28.0 → 1.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/category/index.ts +2 -1
- package/src/entries.ts +3 -1
- package/src/index.ts +1 -0
- package/src/tests/locale_completeness.test.ts +2 -2
- package/src/tests/tool_validation.test.ts +2 -2
- package/src/tool/phase-diagram-critical-points/bibliography.astro +14 -0
- package/src/tool/phase-diagram-critical-points/bibliography.ts +16 -0
- package/src/tool/phase-diagram-critical-points/component.astro +397 -0
- package/src/tool/phase-diagram-critical-points/entry.ts +26 -0
- package/src/tool/phase-diagram-critical-points/i18n/de.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/en.ts +181 -0
- package/src/tool/phase-diagram-critical-points/i18n/es.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/fr.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/id.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/it.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/ja.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/ko.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/nl.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/pl.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/pt.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/ru.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/sv.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/tr.ts +179 -0
- package/src/tool/phase-diagram-critical-points/i18n/zh.ts +179 -0
- package/src/tool/phase-diagram-critical-points/index.ts +11 -0
- package/src/tool/phase-diagram-critical-points/logic.ts +179 -0
- package/src/tool/phase-diagram-critical-points/phase-diagram-critical-points-visualizer.css +557 -0
- package/src/tool/phase-diagram-critical-points/seo.astro +15 -0
- package/src/tools.ts +2 -0
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
2
|
+
import type { ToolLocaleContent } from '../../../types';
|
|
3
|
+
|
|
4
|
+
const slug = 'phasendiagramm-kritischer-punkt-visualisierer';
|
|
5
|
+
const title = 'Phasendiagramm und Kritischer Punkt Visualisierer';
|
|
6
|
+
const description = 'Erkunden Sie feste, flussige, gasformige und uberkritische Bereiche in einem interaktiven Druck-Temperatur-Phasendiagramm mit Tripelpunkt- und Kritischer-Punkt-Markierungen.';
|
|
7
|
+
|
|
8
|
+
const howTo = [
|
|
9
|
+
{
|
|
10
|
+
name: 'Substanz auswahlen',
|
|
11
|
+
text: 'Wechseln Sie zwischen Wasser, Kohlendioxid und Stickstoff, um zu sehen, wie reale Tripelpunkte und kritische Punkte das Phasenbild verandern.',
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
name: 'Temperatur und Druck andern',
|
|
15
|
+
text: 'Nutzen Sie die Schieberegler, um die Probe auf der Druck-Temperatur-Ebene zu positionieren. Das Diagramm aktualisiert den aktiven Phasenbereich und die Live-Probenmarkierung.',
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
name: 'Den kritischen Hof beobachten',
|
|
19
|
+
text: 'Bewegen Sie sich zum Ende der Dampf-Flussig-Grenze, um zu sehen, wie die latente Warme verschwindet und der Flussig-Gas-Unterscheid in einer uberkritischen Flussigkeit aufgeht.',
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
name: 'Das Lehrpanel lesen',
|
|
23
|
+
text: 'Nutzen Sie die Phasenbezeichnung, den Latenzwarme-Indikator und die Punktanzeigen, um das visuelle Diagramm mit thermodynamischen Fachbegriffen zu verknupfen.',
|
|
24
|
+
},
|
|
25
|
+
];
|
|
26
|
+
|
|
27
|
+
const faq = [
|
|
28
|
+
{
|
|
29
|
+
question: 'Was ist ein Phasendiagramm?',
|
|
30
|
+
answer: 'Ein Phasendiagramm zeigt, welcher Aggregatzustand bei verschiedenen Kombinationen von Temperatur und Druck stabil ist. Die Grenzlinien markieren Bedingungen, unter denen zwei Phasen im Gleichgewicht nebeneinander existieren konnen.',
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
question: 'Was passiert am kritischen Punkt?',
|
|
34
|
+
answer: 'Am kritischen Punkt endet die Dampf-Flussig-Grenze. Oberhalb der kritischen Temperatur und des kritischen Drucks wird das Material zu einer uberkritischen Flussigkeit, und es gibt keine scharfe Trennung zwischen Flussigkeit und Gas.',
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
question: 'Warum hat Wasser eine andere Schmelzlinie?',
|
|
38
|
+
answer: 'Wasser ist ungewohnlich, weil Eis in der Nahe des Schmelzpunkts eine geringere Dichte als flussiges Wasser hat. Steigender Druck kann die dichtere flussige Phase begunstigen, weshalb die Fest-Flussig-Grenze einen anderen Verlauf hat als bei vielen anderen Substanzen.',
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
question: 'Sind die dargestellten Kurven laborgenau?',
|
|
42
|
+
answer: 'Nein. Das Werkzeug verwendet vereinfachte Kurven, die an publizierte Tripelpunkt- und Kritischer-Punkt-Werte angelehnt sind. Es ist fur das konzeptionelle Lernen konzipiert, nicht fur Verfahrenstechnik oder Sicherheitsberechnungen.',
|
|
43
|
+
},
|
|
44
|
+
];
|
|
45
|
+
|
|
46
|
+
export const content: ToolLocaleContent = {
|
|
47
|
+
slug,
|
|
48
|
+
title,
|
|
49
|
+
description,
|
|
50
|
+
ui: {
|
|
51
|
+
controls: 'Phasendiagramm Steuerung',
|
|
52
|
+
substance: 'Substanz',
|
|
53
|
+
units: 'Einheiten',
|
|
54
|
+
scientificUnits: 'Wissenschaftlich (K, MPa)',
|
|
55
|
+
metricUnits: 'Metrisch (Celsius, kPa)',
|
|
56
|
+
imperialUnits: 'Imperial (Fahrenheit, psi)',
|
|
57
|
+
temperature: 'Temperatur',
|
|
58
|
+
pressure: 'Druck',
|
|
59
|
+
diagram: 'Druck-Temperatur-Phasendiagramm',
|
|
60
|
+
sample: 'Probenzustand',
|
|
61
|
+
phase: 'Stabile Phase',
|
|
62
|
+
triplePoint: 'Tripelpunkt',
|
|
63
|
+
criticalPoint: 'Kritischer Punkt',
|
|
64
|
+
vaporCurve: 'Dampf-Flussig-Grenze',
|
|
65
|
+
meltingLine: 'Fest-Flussig-Grenze',
|
|
66
|
+
latentHeat: 'Latentwarme Kontrast',
|
|
67
|
+
criticalProximity: 'Kritische Nahe',
|
|
68
|
+
coordinates: 'Koordinaten',
|
|
69
|
+
solid: 'Fest',
|
|
70
|
+
liquid: 'Flussig',
|
|
71
|
+
gas: 'Gasformig',
|
|
72
|
+
supercritical: 'Uberkritisch',
|
|
73
|
+
low: 'niedrig',
|
|
74
|
+
high: 'hoch',
|
|
75
|
+
reset: 'Zurucksetzen',
|
|
76
|
+
interpretation: 'Interpretation',
|
|
77
|
+
note: 'Grenzlinien markieren Koexistenz; Bereiche markieren die stabilste Phase fur die gewahlten Bedingungen.',
|
|
78
|
+
},
|
|
79
|
+
seo: [
|
|
80
|
+
{
|
|
81
|
+
type: 'title',
|
|
82
|
+
text: 'Interaktives Phasendiagramm Visualisierer fur Tripelpunkte, Siedekurven und kritische Punkte',
|
|
83
|
+
level: 2,
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
type: 'paragraph',
|
|
87
|
+
html: 'Dieser Phasendiagramm-Visualisierer verwandelt ein abstraktes Druck-Temperatur-Diagramm in eine interaktive Karte. Wahlen Sie eine Substanz, andern Sie Temperatur und Druck, und sehen Sie, ob die Probe als Feststoff, Flussigkeit, Gas oder uberkritische Flussigkeit vorhergesagt wird. Das Ziel ist es, Phasengrenzen raumlich erfahrbar zu machen: Das Uberschreiten einer Linie andert den stabilen Zustand, wahrend die Annaherung an den kritischen Punkt die Bedeutung einer Phasengrenze selbst verandert.',
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
type: 'paragraph',
|
|
91
|
+
html: 'Das Werkzeug richtet sich an Studenten, Lehrer, Wissenschaftsautoren und alle, die eine klare Erklarung von Phasendiagrammen suchen. Es betont die Merkmale, die in der einfuhrenden Thermodynamik am wichtigsten sind: den Tripelpunkt, an dem drei Phasen koexistieren, die Dampf-Flussig-Kurve, die Fest-Flussig-Grenze und den kritischen Endpunkt, an dem der Flussig-Gas-Unterschied verschwindet.',
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'title',
|
|
95
|
+
text: 'Wie man das Druck-Temperatur-Diagramm liest',
|
|
96
|
+
level: 3,
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
type: 'paragraph',
|
|
100
|
+
html: 'Ein Phasendiagramm tragt die Temperatur auf der einen und den Druck auf der anderen Achse auf. Jeder Bereich zeigt die Phase, die unter diesen Bedingungen stabil ist. Die Linien zwischen den Bereichen sind Koexistenzkurven: Entlang dieser Linien konnen zwei Phasen im Gleichgewicht bleiben, anstatt dass eine Phase die andere vollstandig ersetzt.',
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
type: 'table',
|
|
104
|
+
headers: ['Diagrammmerkmal', 'Bedeutung', 'Was im Werkzeug zu beachten ist'],
|
|
105
|
+
rows: [
|
|
106
|
+
['Tripelpunkt', 'Fest, Flussig und Gas koexistieren', 'Der Tieftemperatur-Knotenpunkt, an dem die Grenzen aufeinandertreffen.'],
|
|
107
|
+
['Dampf-Flussig-Kurve', 'Siede- oder Kondensationsgleichgewicht', 'Die gekrummte Linie vom Tripelpunkt zum kritischen Punkt.'],
|
|
108
|
+
['Fest-Flussig-Grenze', 'Schmelz- oder Gefriergleichgewicht', 'Die steile Linie, die feste und flussige Bereiche trennt.'],
|
|
109
|
+
['Kritischer Punkt', 'Ende der Dampf-Flussig-Grenze', 'Der hervorgehobene Endpunkt, an dem die latente Warme verschwindet.'],
|
|
110
|
+
['Uberkritischer Bereich', 'Keine scharfe Flussig-Gas-Unterscheidung', 'Der Hochtemperatur- und Hochdruckbereich jenseits des kritischen Punkts.'],
|
|
111
|
+
],
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
type: 'title',
|
|
115
|
+
text: 'Warum der kritische Punkt wichtig ist',
|
|
116
|
+
level: 3,
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
type: 'paragraph',
|
|
120
|
+
html: 'Unterhalb des kritischen Punkts ist Sieden ein Phasenubergang: Flussigkeit und Dampf konnen koexistieren, und Energie kann als latente Warme aufgenommen werden, wahrend die Temperatur an die Randbedingung gebunden bleibt. Am kritischen Punkt endet diese Grenze. Daruber andert sich die Dichte kontinuierlich, und die Substanz wird als uberkritische Flussigkeit und nicht als normale Flussigkeit oder Gas beschrieben.',
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'paragraph',
|
|
124
|
+
html: 'Dies ist in der Chemie, der Planetenwissenschaft, der industriellen Extraktion, der Kalte- und Hochdruckphysik von Bedeutung. Kohlendioxid wird beispielsweise unter relativ zuganglichen Bedingungen uberkritisch im Vergleich zu Wasser, weshalb uberkritisches CO2 in der Extraktion und Materialverarbeitung eingesetzt wird. Wasser erfordert viel hohere Temperaturen und Drucke, was seinen kritischen Punkt fur Energiesysteme und Geophysik wichtig macht.',
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
type: 'title',
|
|
128
|
+
text: 'Was dieser Visualisierer vereinfacht',
|
|
129
|
+
level: 3,
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
type: 'paragraph',
|
|
133
|
+
html: 'Reale Phasendiagramme konnen Polymorphe, metastabile Zustande, nichtideale Mischungen, mehrere feste Phasen und experimentell angepasste Zustandsgleichungen umfassen. Dieses Lehrwerkzeug halt das Modell bewusst kompakt. Es verankert jede Substanz an erkennbaren Referenzwerten und zeichnet glatte Lehrkurven, damit die Hauptideen leicht zu erfassen sind, ohne dass eine Thermodynamik-Tabelle benotigt wird.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'list',
|
|
137
|
+
items: [
|
|
138
|
+
'<strong>Nutzen Sie es fur die Intuition:</strong> Es hilft zu erklaren, warum sich Schnellkochtopfe, Trockeneis, Sieden und uberkritische Flussigkeiten unterschiedlich verhalten.',
|
|
139
|
+
'<strong>Nicht fur technische Grenzwerte verwenden:</strong> Vereinfachte Kurven sind kein Ersatz fur zertifizierte Stoffdaten.',
|
|
140
|
+
'<strong>Fokus auf Topologie:</strong> Das wichtigste Lernergebnis ist, wie Phasenbereiche zusammenhangen und wo Grenzen enden.',
|
|
141
|
+
],
|
|
142
|
+
},
|
|
143
|
+
],
|
|
144
|
+
faq,
|
|
145
|
+
bibliography,
|
|
146
|
+
howTo,
|
|
147
|
+
schemas: [
|
|
148
|
+
{
|
|
149
|
+
'@context': 'https://schema.org',
|
|
150
|
+
'@type': 'SoftwareApplication',
|
|
151
|
+
name: title,
|
|
152
|
+
description,
|
|
153
|
+
applicationCategory: 'ScientificApplication',
|
|
154
|
+
operatingSystem: 'Any',
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
'@context': 'https://schema.org',
|
|
158
|
+
'@type': 'FAQPage',
|
|
159
|
+
mainEntity: faq.map((item) => ({
|
|
160
|
+
'@type': 'Question',
|
|
161
|
+
name: item.question,
|
|
162
|
+
acceptedAnswer: {
|
|
163
|
+
'@type': 'Answer',
|
|
164
|
+
text: item.answer,
|
|
165
|
+
},
|
|
166
|
+
})),
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
'@context': 'https://schema.org',
|
|
170
|
+
'@type': 'HowTo',
|
|
171
|
+
name: title,
|
|
172
|
+
step: howTo.map((step) => ({
|
|
173
|
+
'@type': 'HowToStep',
|
|
174
|
+
name: step.name,
|
|
175
|
+
text: step.text,
|
|
176
|
+
})),
|
|
177
|
+
},
|
|
178
|
+
],
|
|
179
|
+
};
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
2
|
+
import type { ToolLocaleContent } from '../../../types';
|
|
3
|
+
|
|
4
|
+
const slug = 'phase-diagram-critical-points-visualizer';
|
|
5
|
+
const title = 'Phase Diagram and Critical Point Visualizer';
|
|
6
|
+
const description = 'Explore solid, liquid, gas, and supercritical regions on an interactive pressure-temperature phase diagram with triple point and critical point markers.';
|
|
7
|
+
|
|
8
|
+
const howTo = [
|
|
9
|
+
{
|
|
10
|
+
name: 'Choose a substance',
|
|
11
|
+
text: 'Switch between water, carbon dioxide, and nitrogen to see how real triple points and critical points reshape the phase map.',
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
name: 'Move temperature and pressure',
|
|
15
|
+
text: 'Use the sliders to place the sample on the pressure-temperature plane. The diagram updates the active phase region and the live sample marker.',
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
name: 'Watch the critical halo',
|
|
19
|
+
text: 'Move toward the end of the vapor-liquid boundary to see latent heat fade and the liquid-gas distinction collapse into a supercritical fluid.',
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
name: 'Read the teaching panel',
|
|
23
|
+
text: 'Use the phase label, latent heat meter, and point readouts to connect the visual diagram with thermodynamic vocabulary.',
|
|
24
|
+
},
|
|
25
|
+
];
|
|
26
|
+
|
|
27
|
+
const faq = [
|
|
28
|
+
{
|
|
29
|
+
question: 'What is a phase diagram?',
|
|
30
|
+
answer: 'A phase diagram maps which state of matter is stable at different combinations of temperature and pressure. The boundary lines mark conditions where two phases can coexist in equilibrium.',
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
question: 'What happens at the critical point?',
|
|
34
|
+
answer: 'At the critical point, the vapor-liquid boundary ends. Above the critical temperature and pressure, the material becomes a supercritical fluid and there is no sharp distinction between liquid and gas.',
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
question: 'Why does water have a different melting line?',
|
|
38
|
+
answer: 'Water is unusual because ice is less dense than liquid water near the melting point. Increasing pressure can favor the denser liquid phase, so the solid-liquid boundary slopes differently from many substances.',
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
question: 'Are the plotted curves laboratory exact?',
|
|
42
|
+
answer: 'No. The tool uses simplified curves anchored to published triple point and critical point values. It is designed for conceptual learning, not process engineering or safety calculations.',
|
|
43
|
+
},
|
|
44
|
+
];
|
|
45
|
+
|
|
46
|
+
export const content: ToolLocaleContent = {
|
|
47
|
+
slug,
|
|
48
|
+
title,
|
|
49
|
+
description,
|
|
50
|
+
ui: {
|
|
51
|
+
controls: 'Phase diagram controls',
|
|
52
|
+
substance: 'Substance',
|
|
53
|
+
units: 'Units',
|
|
54
|
+
scientificUnits: 'Scientific (K, MPa)',
|
|
55
|
+
metricUnits: 'Metric (Celsius, kPa)',
|
|
56
|
+
imperialUnits: 'Imperial (Fahrenheit, psi)',
|
|
57
|
+
temperature: 'Temperature',
|
|
58
|
+
pressure: 'Pressure',
|
|
59
|
+
diagram: 'Pressure temperature phase diagram',
|
|
60
|
+
sample: 'Sample state',
|
|
61
|
+
phase: 'Stable phase',
|
|
62
|
+
triplePoint: 'Triple point',
|
|
63
|
+
criticalPoint: 'Critical point',
|
|
64
|
+
vaporCurve: 'Vapor-liquid boundary',
|
|
65
|
+
meltingLine: 'Solid-liquid boundary',
|
|
66
|
+
latentHeat: 'Latent heat contrast',
|
|
67
|
+
criticalProximity: 'Critical proximity',
|
|
68
|
+
coordinates: 'Coordinates',
|
|
69
|
+
purePhase: 'Pure phase',
|
|
70
|
+
coexistence: 'Coexistence',
|
|
71
|
+
solid: 'Solid',
|
|
72
|
+
liquid: 'Liquid',
|
|
73
|
+
gas: 'Gas',
|
|
74
|
+
supercritical: 'Supercritical',
|
|
75
|
+
low: 'low',
|
|
76
|
+
high: 'high',
|
|
77
|
+
reset: 'Reset',
|
|
78
|
+
interpretation: 'Interpretation',
|
|
79
|
+
note: 'Boundary lines mark coexistence; regions mark the most stable phase for the selected conditions.',
|
|
80
|
+
},
|
|
81
|
+
seo: [
|
|
82
|
+
{
|
|
83
|
+
type: 'title',
|
|
84
|
+
text: 'Interactive phase diagram visualizer for triple points, boiling curves, and critical points',
|
|
85
|
+
level: 2,
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
type: 'paragraph',
|
|
89
|
+
html: 'This phase diagram visualizer turns an abstract pressure-temperature chart into an interactive map. Choose a substance, move the temperature and pressure, and see whether the sample is predicted to behave as a solid, liquid, gas, or supercritical fluid. The goal is to make phase boundaries feel spatial: crossing a line changes the stable state, while approaching the critical point changes what a phase boundary even means.',
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
type: 'paragraph',
|
|
93
|
+
html: 'The tool is built for students, teachers, science writers, and anyone searching for a clear explanation of phase diagrams. It emphasizes the features that matter most in introductory thermodynamics: the triple point where three phases coexist, the vapor-liquid curve, the solid-liquid boundary, and the critical endpoint where the liquid-gas distinction disappears.',
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
type: 'title',
|
|
97
|
+
text: 'How to read the pressure-temperature diagram',
|
|
98
|
+
level: 3,
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
type: 'paragraph',
|
|
102
|
+
html: 'A phase diagram places temperature on one axis and pressure on the other. Each region shows the phase that is stable under those conditions. The lines between regions are coexistence curves: along those lines, two phases can remain in equilibrium rather than one phase completely replacing the other.',
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
type: 'table',
|
|
106
|
+
headers: ['Diagram feature', 'Meaning', 'What to watch in the tool'],
|
|
107
|
+
rows: [
|
|
108
|
+
['Triple point', 'Solid, liquid, and gas coexist', 'The low-temperature junction where the boundaries meet.'],
|
|
109
|
+
['Vapor-liquid curve', 'Boiling or condensation equilibrium', 'The curved line from the triple point to the critical point.'],
|
|
110
|
+
['Solid-liquid boundary', 'Melting or freezing equilibrium', 'The steep line separating solid and liquid regions.'],
|
|
111
|
+
['Critical point', 'End of the vapor-liquid boundary', 'The highlighted endpoint where latent heat fades.'],
|
|
112
|
+
['Supercritical region', 'No sharp liquid-gas distinction', 'The high-temperature, high-pressure area beyond the critical point.'],
|
|
113
|
+
],
|
|
114
|
+
},
|
|
115
|
+
{
|
|
116
|
+
type: 'title',
|
|
117
|
+
text: 'Why the critical point matters',
|
|
118
|
+
level: 3,
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
type: 'paragraph',
|
|
122
|
+
html: 'Below the critical point, boiling is a phase transition: liquid and vapor can coexist, and energy can be absorbed as latent heat while temperature remains tied to the boundary condition. At the critical point, that boundary terminates. Above it, density changes continuously and the substance is described as a supercritical fluid rather than a normal liquid or gas.',
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
type: 'paragraph',
|
|
126
|
+
html: 'This matters in chemistry, planetary science, industrial extraction, refrigeration, and high-pressure physics. Carbon dioxide, for example, becomes supercritical at relatively accessible conditions compared with water, which is why supercritical CO2 appears in extraction and materials processing. Water requires much higher temperature and pressure, making its critical point important for power systems and geophysics.',
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
type: 'title',
|
|
130
|
+
text: 'What this visualizer simplifies',
|
|
131
|
+
level: 3,
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
type: 'paragraph',
|
|
135
|
+
html: 'Real phase diagrams can include polymorphs, metastable states, nonideal mixtures, multiple solid phases, and experimentally fitted equations of state. This educational tool keeps the model intentionally compact. It anchors each substance to recognizable reference values and draws smooth teaching curves so the main ideas are easy to inspect without needing a thermodynamics table.',
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
type: 'list',
|
|
139
|
+
items: [
|
|
140
|
+
'<strong>Use it for intuition:</strong> it helps explain why pressure cookers, dry ice, boiling, and supercritical fluids behave differently.',
|
|
141
|
+
'<strong>Do not use it for engineering limits:</strong> simplified curves are not a substitute for certified property data.',
|
|
142
|
+
'<strong>Focus on topology:</strong> the most important learning outcome is how phase regions connect and where boundaries end.',
|
|
143
|
+
],
|
|
144
|
+
},
|
|
145
|
+
],
|
|
146
|
+
faq,
|
|
147
|
+
bibliography,
|
|
148
|
+
howTo,
|
|
149
|
+
schemas: [
|
|
150
|
+
{
|
|
151
|
+
'@context': 'https://schema.org',
|
|
152
|
+
'@type': 'SoftwareApplication',
|
|
153
|
+
name: title,
|
|
154
|
+
description,
|
|
155
|
+
applicationCategory: 'ScientificApplication',
|
|
156
|
+
operatingSystem: 'Any',
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
'@context': 'https://schema.org',
|
|
160
|
+
'@type': 'FAQPage',
|
|
161
|
+
mainEntity: faq.map((item) => ({
|
|
162
|
+
'@type': 'Question',
|
|
163
|
+
name: item.question,
|
|
164
|
+
acceptedAnswer: {
|
|
165
|
+
'@type': 'Answer',
|
|
166
|
+
text: item.answer,
|
|
167
|
+
},
|
|
168
|
+
})),
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
'@context': 'https://schema.org',
|
|
172
|
+
'@type': 'HowTo',
|
|
173
|
+
name: title,
|
|
174
|
+
step: howTo.map((step) => ({
|
|
175
|
+
'@type': 'HowToStep',
|
|
176
|
+
name: step.name,
|
|
177
|
+
text: step.text,
|
|
178
|
+
})),
|
|
179
|
+
},
|
|
180
|
+
],
|
|
181
|
+
};
|
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
import { bibliography } from '../bibliography';
|
|
2
|
+
import type { ToolLocaleContent } from '../../../types';
|
|
3
|
+
|
|
4
|
+
const slug = 'diagrama-de-fases-punto-critico-visualizador';
|
|
5
|
+
const title = 'Diagrama de Fases y Visualizador del Punto Critico';
|
|
6
|
+
const description = 'Explore las regiones solida, liquida, gaseosa y supercritica en un diagrama de fases presion-temperatura interactivo con marcadores de punto triple y punto critico.';
|
|
7
|
+
|
|
8
|
+
const howTo = [
|
|
9
|
+
{
|
|
10
|
+
name: 'Elegir una sustancia',
|
|
11
|
+
text: 'Cambie entre agua, dioxido de carbono y nitrogeno para ver como los puntos triples y criticos reales reconfiguran el mapa de fases.',
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
name: 'Mover temperatura y presion',
|
|
15
|
+
text: 'Use los deslizadores para colocar la muestra en el plano presion-temperatura. El diagrama actualiza la region de fase activa y el marcador de muestra en vivo.',
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
name: 'Observar el halo critico',
|
|
19
|
+
text: 'Dirijase hacia el final del limite vapor-liquido para ver como el calor latente se desvanece y la distincion liquido-gas se funde en un fluido supercritico.',
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
name: 'Leer el panel didactico',
|
|
23
|
+
text: 'Use la etiqueta de fase, el medidor de calor latente y las lecturas de puntos para conectar el diagrama visual con el vocabulario termodinamico.',
|
|
24
|
+
},
|
|
25
|
+
];
|
|
26
|
+
|
|
27
|
+
const faq = [
|
|
28
|
+
{
|
|
29
|
+
question: 'Que es un diagrama de fases?',
|
|
30
|
+
answer: 'Un diagrama de fases muestra que estado de la materia es estable en diferentes combinaciones de temperatura y presion. Las lineas fronteriza marcan condiciones donde dos fases pueden coexistir en equilibrio.',
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
question: 'Que sucede en el punto critico?',
|
|
34
|
+
answer: 'En el punto critico, el limite vapor-liquido termina. Por encima de la temperatura y presion criticas, el material se convierte en un fluido supercritico y no existe una distincion nitida entre liquido y gas.',
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
question: 'Por que el agua tiene una linea de fusion diferente?',
|
|
38
|
+
answer: 'El agua es inusual porque el hielo es menos denso que el agua liquida cerca del punto de fusion. El aumento de presion puede favorecer la fase liquida mas densa, por lo que el limite solido-liquido tiene una pendiente diferente a la de muchas sustancias.',
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
question: 'Son las curvas trazadas exactas de laboratorio?',
|
|
42
|
+
answer: 'No. La herramienta utiliza curvas simplificadas ancladas a valores publicados de punto triple y punto critico. Esta disenada para el aprendizaje conceptual, no para ingenieria de procesos o calculos de seguridad.',
|
|
43
|
+
},
|
|
44
|
+
];
|
|
45
|
+
|
|
46
|
+
export const content: ToolLocaleContent = {
|
|
47
|
+
slug,
|
|
48
|
+
title,
|
|
49
|
+
description,
|
|
50
|
+
ui: {
|
|
51
|
+
controls: 'Controles del diagrama de fases',
|
|
52
|
+
substance: 'Sustancia',
|
|
53
|
+
units: 'Unidades',
|
|
54
|
+
scientificUnits: 'Cientificas (K, MPa)',
|
|
55
|
+
metricUnits: 'Metricas (Celsius, kPa)',
|
|
56
|
+
imperialUnits: 'Imperial (Fahrenheit, psi)',
|
|
57
|
+
temperature: 'Temperatura',
|
|
58
|
+
pressure: 'Presion',
|
|
59
|
+
diagram: 'Diagrama de fases presion-temperatura',
|
|
60
|
+
sample: 'Estado de la muestra',
|
|
61
|
+
phase: 'Fase estable',
|
|
62
|
+
triplePoint: 'Punto triple',
|
|
63
|
+
criticalPoint: 'Punto critico',
|
|
64
|
+
vaporCurve: 'Limite vapor-liquido',
|
|
65
|
+
meltingLine: 'Limite solido-liquido',
|
|
66
|
+
latentHeat: 'Contraste de calor latente',
|
|
67
|
+
criticalProximity: 'Proximidad critica',
|
|
68
|
+
coordinates: 'Coordenadas',
|
|
69
|
+
solid: 'Solido',
|
|
70
|
+
liquid: 'Liquido',
|
|
71
|
+
gas: 'Gaseoso',
|
|
72
|
+
supercritical: 'Supercritico',
|
|
73
|
+
low: 'bajo',
|
|
74
|
+
high: 'alto',
|
|
75
|
+
reset: 'Restablecer',
|
|
76
|
+
interpretation: 'Interpretacion',
|
|
77
|
+
note: 'Las lineas fronteriza marcan coexistencia; las regiones marcan la fase mas estable para las condiciones seleccionadas.',
|
|
78
|
+
},
|
|
79
|
+
seo: [
|
|
80
|
+
{
|
|
81
|
+
type: 'title',
|
|
82
|
+
text: 'Visualizador interactivo de diagramas de fases para puntos triples, curvas de ebullicion y puntos criticos',
|
|
83
|
+
level: 2,
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
type: 'paragraph',
|
|
87
|
+
html: 'Este visualizador de diagramas de fases convierte un grafico abstracto de presion-temperatura en un mapa interactivo. Elija una sustancia, mueva la temperatura y la presion, y vea si se predice que la muestra se comporte como solido, liquido, gas o fluido supercritico. El objetivo es hacer que los limites de fase se sientan espaciales: cruzar una linea cambia el estado estable, mientras que acercarse al punto critico cambia lo que significa un limite de fase.',
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
type: 'paragraph',
|
|
91
|
+
html: 'La herramienta esta disenada para estudiantes, profesores, divulgadores cientificos y cualquier persona que busque una explicacion clara de los diagramas de fases. Enfatiza las caracteristicas mas importantes en la termodinamica introductoria: el punto triple donde coexisten tres fases, la curva vapor-liquido, el limite solido-liquido y el punto final critico donde desaparece la distincion liquido-gas.',
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
type: 'title',
|
|
95
|
+
text: 'Como leer el diagrama presion-temperatura',
|
|
96
|
+
level: 3,
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
type: 'paragraph',
|
|
100
|
+
html: 'Un diagrama de fases coloca la temperatura en un eje y la presion en el otro. Cada region muestra la fase estable bajo esas condiciones. Las lineas entre regiones son curvas de coexistencia: a lo largo de esas lineas, dos fases pueden permanecer en equilibrio en lugar de que una fase reemplace completamente a la otra.',
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
type: 'table',
|
|
104
|
+
headers: ['Caracteristica del diagrama', 'Significado', 'Que observar en la herramienta'],
|
|
105
|
+
rows: [
|
|
106
|
+
['Punto triple', 'Solido, liquido y gas coexisten', 'La union de baja temperatura donde convergen los limites.'],
|
|
107
|
+
['Curva vapor-liquido', 'Equilibrio de ebullicion o condensacion', 'La linea curva desde el punto triple hasta el punto critico.'],
|
|
108
|
+
['Limite solido-liquido', 'Equilibrio de fusion o congelacion', 'La linea pronunciada que separa las regiones solida y liquida.'],
|
|
109
|
+
['Punto critico', 'Final del limite vapor-liquido', 'El punto final resaltado donde se desvanece el calor latente.'],
|
|
110
|
+
['Region supercritica', 'Sin distincion nitida liquido-gas', 'El area de alta temperatura y alta presion mas alla del punto critico.'],
|
|
111
|
+
],
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
type: 'title',
|
|
115
|
+
text: 'Por que importa el punto critico',
|
|
116
|
+
level: 3,
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
type: 'paragraph',
|
|
120
|
+
html: 'Por debajo del punto critico, la ebullicion es una transicion de fase: el liquido y el vapor pueden coexistir, y la energia puede absorberse como calor latente mientras la temperatura permanece ligada a la condicion de frontera. En el punto critico, ese limite termina. Por encima de el, la densidad cambia continuamente y la sustancia se describe como un fluido supercritico en lugar de un liquido o gas normal.',
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
type: 'paragraph',
|
|
124
|
+
html: 'Esto es importante en quimica, ciencias planetarias, extraccion industrial, refrigeracion y fisica de altas presiones. El dioxido de carbono, por ejemplo, se vuelve supercritico en condiciones relativamente accesibles en comparacion con el agua, por lo que el CO2 supercritico se utiliza en extraccion y procesamiento de materiales. El agua requiere temperaturas y presiones mucho mas altas, lo que hace que su punto critico sea importante para los sistemas de energia y la geofisica.',
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
type: 'title',
|
|
128
|
+
text: 'Que simplifica este visualizador',
|
|
129
|
+
level: 3,
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
type: 'paragraph',
|
|
133
|
+
html: 'Los diagramas de fases reales pueden incluir polimorfos, estados metaestables, mezclas no ideales, multiples fases solidas y ecuaciones de estado ajustadas experimentalmente. Esta herramienta educativa mantiene el modelo intencionalmente compacto. Ancla cada sustancia a valores de referencia reconocibles y dibuja curvas didacticas suaves para que las ideas principales sean faciles de inspeccionar sin necesidad de una tabla de termodinamica.',
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
type: 'list',
|
|
137
|
+
items: [
|
|
138
|
+
'<strong>Uselo para la intuicion:</strong> ayuda a explicar por que las ollas a presion, el hielo seco, la ebullicion y los fluidos supercriticos se comportan de manera diferente.',
|
|
139
|
+
'<strong>No lo use para limites de ingenieria:</strong> las curvas simplificadas no sustituyen a los datos de propiedades certificados.',
|
|
140
|
+
'<strong>Enfoquese en la topologia:</strong> el resultado de aprendizaje mas importante es como se conectan las regiones de fase y donde terminan los limites.',
|
|
141
|
+
],
|
|
142
|
+
},
|
|
143
|
+
],
|
|
144
|
+
faq,
|
|
145
|
+
bibliography,
|
|
146
|
+
howTo,
|
|
147
|
+
schemas: [
|
|
148
|
+
{
|
|
149
|
+
'@context': 'https://schema.org',
|
|
150
|
+
'@type': 'SoftwareApplication',
|
|
151
|
+
name: title,
|
|
152
|
+
description,
|
|
153
|
+
applicationCategory: 'ScientificApplication',
|
|
154
|
+
operatingSystem: 'Any',
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
'@context': 'https://schema.org',
|
|
158
|
+
'@type': 'FAQPage',
|
|
159
|
+
mainEntity: faq.map((item) => ({
|
|
160
|
+
'@type': 'Question',
|
|
161
|
+
name: item.question,
|
|
162
|
+
acceptedAnswer: {
|
|
163
|
+
'@type': 'Answer',
|
|
164
|
+
text: item.answer,
|
|
165
|
+
},
|
|
166
|
+
})),
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
'@context': 'https://schema.org',
|
|
170
|
+
'@type': 'HowTo',
|
|
171
|
+
name: title,
|
|
172
|
+
step: howTo.map((step) => ({
|
|
173
|
+
'@type': 'HowToStep',
|
|
174
|
+
name: step.name,
|
|
175
|
+
text: step.text,
|
|
176
|
+
})),
|
|
177
|
+
},
|
|
178
|
+
],
|
|
179
|
+
};
|