Vega visualization custom html - data-visualization

Is there a way to include custom HTML on the visualization of a vega object (https://vega.github.io/vega/) ?
In certain scenarios we'd need to embed custom html together with the visual chart/graph.

Not right now because Vega supports both Canvas and SVG renders as well as rendering to images and so embedding HTML won't be possible in general. We might add support for some kind of "foreign embedded object" in the future but there are no concrete plans.

Related

How to extend the Image plugin in ckeditor5 with custom elements?

We're evaluating an upgrade from ckeditor 4 to the new ckeditor 5, but I need to be able to extend the Image plugin/package with some custom elements, e.g. a text input for licensing information about the image, a button/checkbox for toggling the image to be a thumbnail or not etc.
How can I add these custom elements in the image package and write my own javascript code to handle the values from these elements?
The image toolbar is being controlled by the config.image.toolbar property. It accepts names of UI components registered in the editor.ui.components factory. In other words, it works like the main editor toolbar which is configurable via editor.toolbar and you can learn more how to create buttons here: Creating a simple plugin.

Change Leaflet js map colors with vue js [duplicate]

It's been a few days now that I have been looking for a way to be able to dynamically change the colors of different map features such as Roads, Water, Buildings, Background etc using leaflet.js. I know we had this option in Mapbox using the Mapbox GL. But I am wondering if this can be achieved using the leaflet.js library.
Any help/workaround would be highly appreciated.
Thanks
By default Leaflet can render only raster tiles (i.e. plain images, which you cannot easily modify) and vector shapes (typically from GeoJSON data).
If you want to modify the tiles rendering, you have mainly 3 options:
Download OSM data and re-render the tiles (i.e. create your own tile server) using your own styling. OSM wiki should have some pages that explain how to do so.
Use an online service that offers tiles rendering with custom style (e.g. Mapbox).
Use Leaflet.VectorGrid plugin with downloaded vector data from OSM and providing your own styling.
If you want to be able to modify the rendering at runtime, then only the 3rd option would be appropriate.

Text and shape annotations

Is there any way of adding text/shape annotations, like we can do in Cytoscape desktop? A workaround for this is create a node, and use it to create the annotation... But this does not seem the right solution.
Cytoscape.js is a library -- not a full-fledged app. That means if you want app-level features like annotations, then you'll have to develop a feature on top of the library for that.
You could try using in-built things like nodes for this purpose, but you'd be better off creating an overlay div on top of the Cytoscape div in which you put your annotations.
If you want, you could organise your annotations feature as an extension so your code is more modular and reusable: http://js.cytoscape.org/#extensions
I would encourage you to publish your extension if you decide to go that route.

Is Susy SEMANTIC?

There are many Grid frameworks. However there are just a few, which are responsive and at the same time semantic.
The Semantic Grid System is one these Grid systems.
I just wonder if Susy is also SEMANTIC?
Thanks
Yes, Susy is just as semantic as The Semantic Grid System.
That said, the term "semantic grid system" is misleading. No grid system is semantic, because grids are only about layout, applied to HTML markup. Your HTML markup can be semantic, but that's all up to you and your grid system cannot turn non-semantic HTML into semantic HTML. What people call "a semantic grid system" is only a grid system that does not require you to add additional non-semantic classes to your HTML markup.

Dojo Grid Template

In asp.net the DataGrid supports templates. You can provide your own template and have the grid fill the data in your template.
With Dojo Grid, it seems like I can't make my own template outside of the the rigid simplistic cell style grid that Dojo provides.
Does anyone know a way to use a custom template with Dojo Grid? Specifically, with Dojo you're forced to use a cell that corresponds to a data item. I'm looking to use a table as a template with any styling that I choose (rows,columns,rowspans,colspans, more than one data items in a single cell, etc).
Any clues please?
Thanks
Firstly, it sounds like everything you want is available by customizing the grid. You can do nesting of cells and even have things like Filtering Selects in rows. Unfortunately the docs on this are not awesome so it takes Googling and trial and error if you want very customized features.
Secondly, because of the OO nature of Dojo you can always use inheritance to create mixes of various widgets. Specifically the _templated class allows you to specify an HTML template for your widget, which themselves can included templated widgets.
If that sounds non-trivial, you're right, which is why I would suggest digging deeper into the Enhanced grid and probably open up the code before trying to write something yourself.
I can tell you that I struggled getting it working correctly, but I have hence been pleasantly surprised by features that I needed that I thought I would need to build myself but were built into the grid.