Which library to create data-visualization at a in-city level? - javascript

Hi all I'm a newbie in data-visualization. I am looking for a graphics library in JavaScript that supports data-visualization at an city level, I have found some (like D3js) but all seem to only support the creation of data at a country level and not city level (like the scale of Google map city zoom's level).
Maplace would be a great library but I am looking for something closer to common JS.
Would be great if anyone's got a hint, thanks!

If you mean BY "In-city" like geo-visualization there are plenty of options:
Cesium.js
Three.js
Leaflet.js
d3.js
raphael.js
try to search more on google but those are commonly used combinedly or individually.
A good data visualization means a good story telling

Related

which javascript chart library should use for interactive chart

I know this question has been asked extensively,so now I confused between options. I want to create application which use populate charts on browser. chart should be interactive and it's conventional chart (pie,bar etc). I liked to go to for D3 but it seems I may fall short on time basis to learn that. so I checked on other libraries like google chart,DC,morris,C3,nvd3,ember chart where DC,C3,nvd3 are create on top of D3. google chart may be restricted due to security reasons. so which library should I prefer? should I go for google one if no security measures are there or any alternative are there?please help me out because as I am digging more,more I am getting confused and I am running out of time to create PoCs for this libraries
I would suggest AmChart. I has lot of examples and good documentation. Additionally you can create interactive maps. And you can create chart easily using a chat creating tool. Which is totally cool.
There are really a lot of chart library it's really hard to pick one. And as a beginner i wanted to just make a working chart app not to go deeper so i picked highcharts, it was very easy to understand for me i hope it works for you too.
https://www.highcharts.com/
this is my demo project if it helps, i wanted a dynamic chart too:
https://github.com/Resoguy/atterbergLimitsApp,
http://madrhino.gq/atterbergLimitsApp/
Try to explore this list: https://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_frameworks
If your project is non-profit, I'd suggest AnyChart because then you'll be able to use it for free. It has a lot of chart types, ways to work with data, customization options, and ready-to-use samples, as well as comprehensive documentation and API reference.
For one of my project I use chart.js. I think is good is easy and is have also good documentation

How to render point cloud data in browser with iTowns2

I am attempting to use iTowns2 (https://github.com/iTowns/itowns2) to visualize point cloud data in the browser. According to the README: "[iTowns'] first purpose was the visualisation of street view images and terrestrial lidar point cloud."
From this I glean that there should be instances of people using iTowns to visualize point cloud data somewhere online. I've been looking for days and I can't find an example of someone using iTowns2 to visualize point cloud data in the browser.
The example in the GH repo renders a globe in the browser but no point cloud. There is a iTowns/iTowns2-sample-data repo which has a bunch of point cloud data but no instructions on how to use the data or references to other resources.
Has anyone used this package to show point cloud data in the browser? Does anyone know an article or resource that demonstrates doing this with iTowns2? Does anyone know of a different library for rendering point cloud data with examples and/or better documentation?
Ideally I would be able to track down the source code for something like this: http://www.itowns-project.org/#demo
The documentation is quite ambiguous, and judgind by the Github issues it looks like the library is under heavy refactoring.
I took a quick look to this repo and realized that it is just using Potree for point cloud visualization:
http://potree.org/
So you can just use Potree directly. Wich is better documented.
In addition to this, it's quite trivial to set up your own point cloud visualizer using Three.js.
Just take a look at the Points object:
https://threejs.org/docs/#api/objects/Points
And this example:
https://github.com/mrdoob/three.js/blob/master/examples/webgl_buffergeometry_points.html
Three.js also includes some 3D format loaders, like ply:
https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_ply.html
If you are interested in using las files you might also want to look at:
https://github.com/verma/plasio
Let's provide a early 2018 update! (source: I'm a maintainer)
iTowns now supports visualizing pointclouds directly. You can test it here: http://www.itowns-project.org/itowns/examples/pointcloud.html
If you want to test your own data, please visit http://www.itowns-project.org/itowns/examples/pointcloud.html?selector=1
We currently support results from PotreeConverter, and lopocs. We plan to add 3dtiles pointcloud format soon.
We indeed used potree for pointclouds before, but that was not ideal, a bit because we diverge on some technology/design choices, but mainly because using potree prevented us to tightly integrate pointcloud visualization in iTowns. For instance, iTowns stops its rendering loop when it has nothing to do (saves a lot of cpu), and potree does not. It also allows us to implement our own culling/SSE/network priority... heuristics.
Potree has currently better graphic post-treatments of pointclouds, although we also plan to add EDL and other improvements (occlusions for instance) soon. And of course, the advantage of iTowns is that it's not limited to pointclouds, but can display a variety of data type, from rasters to vectors, see the examples page and especially this example of a pointcloud on a globe.
But the main difference between these 2 projects is that Potree aims at being a standalone viewer (AFAIK), whereas iTowns is more a framework to implement your own app! Potree remains a big source of inspiration for us concerning pointclouds, big kudos to their maintainer :-)
(Btw, the github has moved to https://github.com/iTowns/itowns)

webgl earth API basemap control in javascript

Can someone show me the javascript code required to create a layer control to switch basemaps for the webgl earth API, just like at http://www.webglearth.com (the dropdown list)
Ok I have found a suitable solution, 'cesiumjs', it is javascript based, uses webgl and is open source with very good tutorials and documentation. This project seems excellent and just what I need. Here's a link to the layer control documentation.
https://cesiumjs.org/Cesium/Build/Documentation/BaseLayerPicker.html

Google Maps API - Get Property Boundary Data

I am looking for a way to extract built in property boundary data from the Google API to know where to highlight areas for information needs.
It's easy enough drawing a polygon, but I want to know where to draw it in a more automated fashion. Perhaps similar to Geocoding for extracting an address location, except the geocoder only provides a central coordinate and a bounding box (for screen navigation) unfortunately.
Does Google provide this property data in some form?
Thanks
Having looked through the Maps APIs fairly extensively and no one suggesting otherwise. I think it's pretty conclusive Google Maps does not provide property boundaries.
The best way to go is to look for a service that does have the data to integrate into Maps, but likely costs money.
As an example these may be:
Your local government's land services
RPData.com - http://www.rpdata.com/residential_property_information/residential_property_information.html
ReportAllUSA.com (if you are American) - http://reportallusa.com/
None of these are guaranteed, looking into them myself, but may also be different from person to person depending on costs. If I find a free one, I'll give a shout.
For anyone looking to implement this on Australian Region.
State & Local councils have open data free for usage.
I am working with Brisbane, QLD Australia:
For Brisbane: https://www.data.brisbane.qld.gov.au/data/dataset?q=parcel
For QLD: https://www.data.qld.gov.au/dataset?q=parcel
P.S parcel dataset contains information about individual Property Listings. It does have a learning curve & takes sometime to use open data.

HTML/CSS/JS World map with simple animations

I need a simple visualization for events occurring over the world -- a 2d image of a world map, and a way to display visual alarms when events happen at a [lat, lng].
This is not core functionality. I'm willing to look into libraries or engines, but I don't want to add a huge learning overhead.
What's the simplest way of doing it?
I've had good experiences with google's visualization api. They have a map that will allow you to do what your looking for. It's also pretty well documented and plenty of resources online.
You can take a look at their maps documentation here: https://developers.google.com/chart/interactive/docs/gallery/map

Categories