tried map

README.md

@@ -88,8 +88,8 @@ yarn add react-pdf
 npm install --save react-grid-gallery
 
 
-Argument of type 'ImageExtendedRow<T>[]' is not assignable to parameter of type 'ConcatArray<never>[]'.
-  Type 'ImageExtendedRow<T>' is not assignable to type 'ConcatArray<never>'.
-    The types returned by 'slice(...)' are incompatible between these types.
-      Type 'ImageExtended<T>[]' is not assignable to type 'never[]'.
-        Type 'ImageExtended<T>' is not assignable to type 'never'.
+Argument of type 'DSVRowArray<string>' is not assignable to parameter of type 'SetStateAction<never[]>'.
+  Type 'DSVRowArray<string>' is not assignable to type 'never[]'.
+    The types returned by 'pop()' are incompatible between these types.
+      Type 'DSVRowString<string> | undefined' is not assignable to type 'undefined'.
+        Type 'DSVRowString<string>' is not assignable to type 'undefined'.
\ No newline at end of file

package.json

@@ -19,19 +19,22 @@
     "anychart": "^8.12.1",
     "anychart-react": "^1.4.1",
     "bootstrap": "^5.3.3",
+    "d3": "^7.9.0",
     "d3-fetch": "^3.0.1",
     "d3-scale": "^4.0.2",
     "prop-types": "^15.7.2",
     "react": "^18.2.0",
     "react-bootstrap": "^2.10.2",
+    "react-d3-library": "^1.0.4",
     "react-dom": "^18.2.0",
     "react-pdf": "^9.0.0",
     "react-photo-album": "^2.4.1",
     "react-router-dom": "^6.23.0",
     "react-select": "^5.8.0",
-    "react-simple-maps": "^3.0.0"
+    "react-simple-maps": "^1.0.0"
   },
   "devDependencies": {
+    "@types/d3": "^7.4.3",
     "@types/d3-fetch": "^3.0.7",
     "@types/d3-scale": "^4.0.8",
     "@types/node": "^20.12.10",

src/App/App.css

@@ -675,14 +675,14 @@ svg text:hover{
 
 
 /* SHAPES */
-.circle {
+/* .circle {
   display: flex;
   width: 10vw;
   height: 10vw;
   background-color: var(--lightblue) !important;
   border-radius: 50%;
   margin: 1vw;
-}
+} */
 .shape-text {
   margin: auto;
   text-align: center;

src/components/Maps.tsx

-
-
-import {
-  ComposableMap,
-  Geographies,
-  Geography,
-  Sphere,
-  Graticule
-} from "react-simple-maps";
-  const geoUrl = "/features.json";
-
-
-
-export default function MapChart() {
-  
-  return(
-
-    <ComposableMap
-      projectionConfig={{
-        rotate: [-10, 0, 0],
-        scale: 147
-      }}
-    >
-      <Sphere id=''fill="none" stroke="#E4E5E6" strokeWidth={0.5} />
-      <Graticule stroke="#E4E5E6" strokeWidth={0.5} />
-        <Geographies geography={geoUrl}>
-          {({ geographies }) =>
-            geographies.map((geo) => {
-              return (
-                <Geography
-                  key={geo.rsmKey}
-                  geography={geo}
-                />
-              );
-            })
-          }
-        </Geographies>
-    </ComposableMap>
-  );
-};
-
-
-

src/components/seclarations.d.ts

-export * from './comps';
+
 export * from './Villagebuttons.tsx';
 export * from './headings.tsx';
 export * from './Sidebar.tsx';
-export * from './Pensioniert/timeline-bfh.tsx';
 export * from './Videoboxes.tsx';
 export * from './Timeline.tsx';
 
@@ -22,15 +21,11 @@ export * from './components/events/Events';
 export * from '../Card.js';
 export * from './components/events/ImageEvent.js';
 export * from './components/events/TextEvent.js';
-export * from './components/events/TweetEvent';
-export * from './components/events/YouTubeEvent.js';
 export *from './components/events/EventDate.js';
 export * from './Marker.js';
 
 
 export * from './My-Timeline.tsx'
 
-export * from './Maps.js'
 
-declare module 'anychart-react'
 

src/contents/description.tsx

 import { H2 } from "../components/headings";
 import { Circle } from "../components/Shapes";
 
-
 export function Description() {
   return (
       <div className="row mt-4">
@@ -23,12 +22,13 @@ export function Description() {
             
                     </div>
                     <div className="col-2 "> 
-                            <Circle text="1:3000 newborns worldwide"/>
+                               <Circle text="1:3000 newborns worldwide"/>
                             <Circle text="x:y newborns in Germany"/>
                             <Circle text="kosten"/>
                     </div>
                 </div>
                 <div className="col">
+
                 </div>
                  </section>
           </div>

src/contents/index.tsx

@@ -25,4 +25,6 @@ export * from "./software.tsx";
 export * from "./sustainable.tsx"; */
 // Contribution
 export * from "./Bfh.tsx";
-export * from "./wiki.tsx";
+export * from "./wiki.tsx";
\ No newline at end of file
+
+