A Way To Implement Connecting Lines Between SVG Objects

Demo | GitHub

Pic 1. Blazor Webassembly connecting lines in SVG. Connecting lines automatically change when you change the position of objects.

This article describes a way to implement connecting lines between SVG objects. Connecting lines automatically change when you change the position of objects. Along the way, the OnParametersSet method is considered.

What we will get in the end

The result is a Blazor component Connector…

Demo | GitHub

Pic 4. Blazor Webassembly SVG Drag And Drop Demo. Draggable component supports nested Draggable, two-way binding, initialization without parameter binding

This article describes a way to implement drag and drop of SVG objects. Along the way, the following points of development with Blazor were considered:

  • Templated components. Content of the templated component can be set in the parent component;
  • Passing events from parent component to child (Parent…

For my “.Net IntervalUtility” library (GitHub, NuGet) I made an interactive demo on Blazor WebAssembly. I have implemented an ASCII generator for displaying intervals.

It turned out that the resulting ASCII generator can be used to draw not only intervals, but also graphs. Check out an interactive demo on Blazor WebAssembly:

ASCII graph generator Blazor WebAssembly Demo.

ASCII graph generator Blazor WebAssembly demo user interface

You can add your own functions to the graph, change the scale, set the minimum and maximum values for the x and y axes. Function intersections are marked with dots.

A way to create reusable Linq filters (predicate builders for Where clauses) that can be applied to different types of objects. The fields of objects to be filtered are specified using MemberExpression.

The method is suitable for Entity Framework, including Async operations.

Main idea. What is a reusable filter?

For example, there are orders:

class Order {…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store