pix-plot
react-map-gl
pix-plot | react-map-gl | |
---|---|---|
1 | 10 | |
565 | 7,565 | |
0.5% | 0.5% | |
2.6 | 6.8 | |
about 1 year ago | 7 days ago | |
JavaScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
pix-plot
-
Over 700k paintings from the Rijksmuseum online copyright free
Density based clustering with high dimensional data will tend to struggle. This is because, in high enough dimensions, you need a lot of samples to see any density. Also distances start to look very similar (from the curse of dimensionality). To get any traction on such things you need some form of dimension reduction. For something like this non-linear techniques are going to be better. If you want a pipeline of standard parts then something like:
Pretrained-CNN --> UMAP --> HDBSCAN
can turn out relatively reasonable results, especially if the UMAP you use for the clustering is to more than 2 or 3 dimensions (often 5 to 20 is good, depending on the data). You can, of course, still use a 2D UMAP to visualize the results. If you want such a pipeline packaged up then consider the PixPlot package, designed for exactly this use case, from the Yale Digital Humanities Lab: https://github.com/YaleDHLab/pix-plot
* Disclaimer: I am highly biased, as an author of both HDBSCAN and UMAP implementations.
react-map-gl
-
Library recommendations for an interactive world map
I use this heavily https://visgl.github.io/react-map-gl/ and it's amazing for building complex maps with rich overlays, but you won't get a search box for countries out of the box.
-
How to find the documentation of a specific version?
And it points to version 6.1 documentation at https://github.com/visgl/react-map-gl/tree/6.1-release/docs
- Anyone used Mapbox JS? Question on syntax to update initialized map
-
Burger Map: Fetching and Displaying Data with React
To display the data on a map let's install the ReactMapGL component.
-
When to use react-map-gl or plain mapbox-gl in React app?
I'm working on a React app with a mapbox component and am trying to understand the use case for react-map-gl vs the examples on the Mapbox site that just use mapbox-gl. From the React GitHub issues they mention this in regards to performance -
-
Managing mapbox-gl state in React app
react-map-gl - is a solution from uber, perhaps the most sophisticated among others, one of the main drawbacks: Steep learning curve, having sufficiently rich functionality, including for managing state, it is rather difficult to understand the library api Has almost 1MB bundle size, which is quite a lot
-
Tutorial: How to create a global vaccinations dashboard using React, Mapbox, and Bootstrap
React-map-gl docs
-
Implementation of cluster module for react-map-gl
mapbox is used to create high-quality maps and react-map-gl is a wrapper around mapbox for react.
-
Familiar with google-map-react, but wanted to use Mapbox on a new project, does anything similar exist for mapbox?
https://github.com/alex3165/react-mapbox-gl or https://visgl.github.io/react-map-gl/
What are some alternatives?
react-map-gl - React Component Library for Mapbox GL JS
react-mapbox-gl - A React binding of mapbox-gl-js
troika - A JavaScript framework for interactive 3D and 2D visualizations
react-leaflet - React components for Leaflet maps
three.js - JavaScript 3D Library.
google-map-react - Google map library for react that allows rendering components as markers :tada:
plotly.js - Open-source JavaScript charting library behind Plotly and Dash
react-googlemaps - A declarative React interface to Google Maps
two.js - A renderer agnostic two-dimensional drawing api for the web.
React Animation 👌 - Animation components and styles for React projects
react-svg-map - A set of React.js components to display an interactive SVG map
pigeon-maps - ReactJS Maps without external dependencies