Author Archives: Slavcho

MindFusion.Diagramming for Blazor preview

Posted on by

We are soon releasing Blazor / WebAssembly flow diagramming library. First version implements most of the features of core MindFusion.Diagramming namespace from our WinForms desktop component, including layout and link routing algorithms. The library also includes NodeListView component for creating nodes via drag-and-drop. Import/export classes and other UI controls such as Ruler/Overview will be added with future releases.

If anyone is interested in trying out the beta version, please download this archive containing assemblies and sample projects:

https://mindfusion.dev/BlazorDiagram.zip

Continue reading →

Render Online Maps Using Your Own Tile Map Files and MindFusion Mapping Library for JavaScript

Posted on by

In this blog post we are going to show you how to use the free mapping files, available for download from various resources and convert them to image files so they can be rendered through the URL http://your_website/files_location/{z}/{x}/{y}.png You will get acquainted with various sources of map data files, different tools to convert and export the files into raster images. Finally, you will use MindFusion’s JS Mapping library to create a map that uses the image files, you have prepared and uploaded on your own server.

Continue reading →

Using MindFusion ToolStrip Library in JavaScript

Posted on by

In this blog post we are going to look at the way you can build the ToolStrip that you see at the image below. We use the ToolStrip control, which is part of MindFusion Pack for JavaScript. Here is the final result:

We will go through the process of creating the toolstrip step-by-step, from scratch, clarifying the most important details.

You can run the sample online at https://mindfusion.dev/samples/javascript/grid/TrainSchedule.html

Continue reading →

Custom Grid Drawing in Charting for JavaScript

Posted on by

In this blog post we will look in short at the steps to build this JavaScript area chart with custom grid:

The line chart uses DateTimeSeries for the data and a standard GridType for the major grid lines. The auxiliary grid lines among them are made with custom drawing: we will discuss in details the code for that.

The sample uses MindFusion Charting library for JavaScript, which also supports TypeScript.

You can see the sample online at https://mindfusion.dev/samples/javascript/chart/CustomGrid/DateTimeSeries.html

Continue reading →