-
About This Application
-
This application provides real-time and permanent data on Irish Rail, Luas, and bus services.
+
+
);
};
diff --git a/frontend/src/components/charts/ObjectTypeProportionPieChart.jsx b/frontend/src/components/charts/ObjectTypeProportionPieChart.jsx
new file mode 100644
index 0000000..f15d5c1
--- /dev/null
+++ b/frontend/src/components/charts/ObjectTypeProportionPieChart.jsx
@@ -0,0 +1,45 @@
+import { PieChart, Pie, Cell, Tooltip, Legend, ResponsiveContainer } from "recharts";
+
+const COLORS = ["#8884d8", "#82ca9d", "#FFBB28", "#FF8042"];
+
+const ObjectTypeProportionPieChart = ({ label, dataList }) => {
+ // Count occurrences of each unique string
+ const typeCounts = dataList.reduce((acc, type) => {
+ acc[type] = (acc[type] || 0) + 1;
+ return acc;
+ }, {});
+
+ // Convert to array format for Recharts
+ const chartData = Object.keys(typeCounts).map((key) => ({
+ name: key,
+ value: typeCounts[key],
+ }));
+
+ return (
+
+
{label}
+
+
+
+ {chartData.map((entry, index) => (
+ |
+ ))}
+
+
+
+
+
+
+ );
+};
+
+export default ObjectTypeProportionPieChart;
diff --git a/frontend/src/index.css b/frontend/src/index.css
index f8ef5f3..fce79f1 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -25,6 +25,7 @@ a:hover {
}
body {
+ color: black;
margin: 0;
display: flex;
place-items: center;
@@ -94,4 +95,8 @@ body, html, #root {
padding: 0;
box-sizing: border-box;
overflow-x: hidden;
+}
+
+.leaflet-marker-icon {
+ color: white;
}
\ No newline at end of file