From 88721a25cd38c3e52970f4f07a6aa4273e696110 Mon Sep 17 00:00:00 2001
From: = <=>
Date: Wed, 8 Apr 2026 11:58:43 +1000
Subject: [PATCH] added chart js

---
 labs/lab5/src/App.jsx              |  3 ++-
 labs/lab5/src/components/Chart.jsx | 32 ++++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 labs/lab5/src/components/Chart.jsx

diff --git a/labs/lab5/src/App.jsx b/labs/lab5/src/App.jsx
index 4095811..ded1a2d 100644
--- a/labs/lab5/src/App.jsx
+++ b/labs/lab5/src/App.jsx
@@ -9,8 +9,9 @@ function App() {
   return (
     <div className="App">
        <h3>Самые высокие здания и сооружения</h3>
+       <Chart />
         <Table data={ buildings } amountRows="15" />
-        <Task/>
+        {/* <Task/> */}
     </div>
   )
 }
diff --git a/labs/lab5/src/components/Chart.jsx b/labs/lab5/src/components/Chart.jsx
new file mode 100644
index 0000000..883a07a
--- /dev/null
+++ b/labs/lab5/src/components/Chart.jsx
@@ -0,0 +1,32 @@
+const Chart = (props) => {
+
+   return (
+    <>
+      <h4>Визуализация</h4>
+      <form>
+        <p> Значение по оси OX: </p>
+		<div>
+          <input type="radio" name="ox" value="Страна" />
+		  Страна
+		  <br/>		
+          <input type="radio" name="ox" value="Год" />
+		  Год
+		</div>
+
+        <p> Значение по оси OY </p>
+		<div>
+          <input type="checkbox" name="oy" />
+		  Максимальная высота <br/>
+          <input  type="checkbox" name="oy" />
+		  Минимальная высота
+		</div>
+
+        <p>  
+          <button type="submit">Построить </button>
+        </p>
+      </form>    
+	</>
+    )
+}
+
+export default Chart;
\ No newline at end of file