These examples show how to bring datasets into your Map SDK projects. # JavaScript The following example was made with React, and features buttons that call each of the dataset functions individually. Use the code editor to explore `App.tsx`, which contains all calls to the Map SDK. ```javascript import { FC, useEffect, useMemo, useRef, useState } from "react"; import { createMap, Dataset, DatasetWithData, MapApi } from "@foursquare/map-sdk"; import { SampleDataItem, fetchSampleData } from "./sample-data"; const getFirstDataset = (map: MapApi): Dataset => { const dataset = map.getDatasets()[0]; if (!dataset) { throw new Error("No dataset."); } else { return dataset; } }; export const App: FC = () => { const containerRef = useRef(null); const [map, setMap] = useState(null); const [displayedDataset, setDisplayedDataset] = useState(null); const [sampleData, setSampleData] = useState<[SampleDataItem, SampleDataItem] | null>(null); useEffect(() => { // logic here }, []); }; ``` ## HTML and JavaScript This example demonstrates how to work with Map SDK without any framework or bundler available, in a pure JS and HTML setup. ### HTML ```html Basic HTML and JS example
``` # Python The following Python Notebook shows how to bring data into Foursquare Studio maps. This example also shows how to load pandas dataframes into Studio. | **Notebook** | **Preview** | | --- | --- | | ### Local Maps
Use local Studio maps to visualize Dataframes, GeoJSON, and CSV.
| | Updated 5 months ago.