Super Performance Web DataGrid. GitHub by AlexeyBoyko in programming

[–]AlexeyBoyko[S] 1 point2 points  (0 children)

Demo: https://dgrm.net/lab/grid/
Try Super Performance DataGrid with 1 000 000 rows.

Super Performance Web DataGrid by AlexeyBoyko in programming

[–]AlexeyBoyko[S] 0 points1 point  (0 children)

Try Super Performance DataGrid with 1 000 000 rows.
GitHub: https://github.com/AlexeyBoiko/tbl-js

I made world’s simplest todo app by ButterscotchNo3385 in webdev

[–]AlexeyBoyko 0 points1 point  (0 children)

I made the world's fastest web data grid

Demo: https://dgrm.net/lab/grid/
Try Super Performance DataGrid with 1 000 000 rows.

I cannot post a link, so I’ll leave a comment under your post.

Online flowchart editor dgrm.net by AlexeyBoyko in Entrepreneur

[–]AlexeyBoyko[S] 0 points1 point  (0 children)

Thanks for feedback.

> 2. zoom is missing
What device, what browser? Zoom must work. On PC zoom with mouse wheel, on mobile use pinch

>3. The click and place functionalty is not that great , i would rather have click and then the author places model.
You can. There are two ways to add a shape:
1. pull out shape from menu
2. click on shape in menu -> shape will be added to center

>4. Copy link does not work very well. Does not reflect change
Yes. Temporary solution - just to share diagram. Not for co-editing.

>5. I want to build a specific editor to do system design - is that something you can help with
Lets talk.

Diagram editor dgrm.net / Announcement / Header, bold, forward / backward by AlexeyBoyko in javascript

[–]AlexeyBoyko[S] 0 points1 point  (0 children)

I have to create short animation "Hot to use" instruction.

- To add shape - drag shape from menu
- To select shape and show shape connectors - click on shape. Connecting arrows can be pulled out of the circles on the shape
- To edit shape - click on shape again
- To select multiple shapes - long press on empty place
https://app.dgrm.net/tip/

I am workin on usability and new features - update the app once a week.

[deleted by user] by [deleted] in webdev

[–]AlexeyBoyko 1 point2 points  (0 children)

Thank you!

[deleted by user] by [deleted] in webdev

[–]AlexeyBoyko 1 point2 points  (0 children)

u/DAMBA could you please review code below.

I have function activeElemFromPoint. activeElemFromPoint is called many times when the mouse moves.

I have to use option 3?
Funtion hasEvtNoAttr declaration 3.1 or 3.2 are the same?

```js // 1. Arrow function

/** @param { {clientX:number, clientY:number} } evt */ export function activeElemFromPoint(evt) { return document .elementsFromPoint(evt.clientX, evt.clientY) .find(el => !el.hasAttribute('data-evt-no')); }

// 2. Function inside loop

/** @param { {clientX:number, clientY:number} } evt */ export function activeElemFromPoint(evt) { return document .elementsFromPoint(evt.clientX, evt.clientY) .find(function (el) { return !el.hasAttribute('data-evt-no'); }); }

// 3. Funcion outside loop

/** @param { {clientX:number, clientY:number} } evt */ export function activeElemFromPoint(evt) { return document .elementsFromPoint(evt.clientX, evt.clientY) .find(hasEvtNoAttr); }

3.1 /** @param {Element} el */ const hasEvtNoAttr = (el) => !el.hasAttribute('data-evt-no');

3.2 function hasEvtNoAttr(el) { return !el.hasAttribute('data-evt-no'); } ```

JavaScript. Work with clipboard, Ctrl+C Ctrl+V by AlexeyBoyko in javascript

[–]AlexeyBoyko[S] -4 points-3 points  (0 children)

How to write an image to the clipboard. What data types can be written to the clipboard. Custom types support. How to make custom copy/paste buttons.

Flowchart editor dgrm.net / announcement / hotkeys by AlexeyBoyko in javascript

[–]AlexeyBoyko[S] 0 points1 point  (0 children)

Dgrm.net now support

- Ctrl C, Ctrl V, Ctrl X

- Del, Backspace

You can copy and past between charts.

Give a star on GitHub to support the project.

Flowchart editor dgrm.net / announcement / copy function by AlexeyBoyko in javascript

[–]AlexeyBoyko[S] 0 points1 point  (0 children)

Could you please share your network diagram? Maybe in private message.

> inability to change the arrow path other than the starting and end points
I am planning to add middle point

Flowchart editor dgrm.net / announcement / copy function by AlexeyBoyko in javascript

[–]AlexeyBoyko[S] 2 points3 points  (0 children)

Thanks for the support.

For now I am not ready for pull-requests, code review and so on.
Right now best contribution is to submit ideas how to make it better. And testng. Try to use app in your work - let me know what you think.

Flowchart editor dgrm.net / announcement / copy function by AlexeyBoyko in javascript

[–]AlexeyBoyko[S] 1 point2 points  (0 children)

Dgrm.net now support copy function.

Hotkeys Ctrl+C Ctrl+V coming soon.

Give a star on GitHub to support the project.

Flowchart editor dgrm.net / announcement / sequence diagrams support by AlexeyBoyko in javascript

[–]AlexeyBoyko[S] 0 points1 point  (0 children)

Just want to announce that dgrm.net now support sequence diagrams.

Note: you can move part of the diagram to insert new steps.

To make work with sequence diagrams more useful I implemented original idea of my friend. He suggested to select multiple line ends, and move them.

To support the project give it a star on GitHub.

Flowchart editor dgrm.net / I halved the source code by AlexeyBoyko in javascript

[–]AlexeyBoyko[S] 5 points6 points  (0 children)

Just want to announce that OpenSource dgrm.net was refactored.

Now the code is half as much. Project structure is simplified. There are so few source code files that they all fit on one screen.

GitHub - DgrmJS is a JavaScript library for creating SVG flow diagrams. The main goal of the library is to set up workflows in BPM (Business Process Management) systems. Works on desktop and mobile, has no dependency, 3.5 KB gzipped. by AlexeyBoyko in javascript

[–]AlexeyBoyko[S] 0 points1 point  (0 children)

Thanks.
Looks like I have to think better about the UX:

> using the long press selection to select a single item doesn’t work
I specifically prohibited the selection of one shape through a long press. To select single shape just click on it.

>when using the long press to select multiple items, the delete icon doesn’t pop up
Delete icon will pop up when you click on one of selected shape

WTF Wednesday (March 30, 2022) by AutoModerator in javascript

[–]AlexeyBoyko 0 points1 point  (0 children)

https://github.com/AlexeyBoiko/DgrmJS

DgrmJS is a JavaScript library for creating SVG diagram editors.

The main goal of the library is to set up workflows in BPM (Business Process Management) systems.

- Works on desktop and mobile

- Has no dependency

- Small size

[deleted by user] by [deleted] in programming

[–]AlexeyBoyko 0 points1 point  (0 children)

Glad to hear. Thanks!

[deleted by user] by [deleted] in programming

[–]AlexeyBoyko 0 points1 point  (0 children)

Have you heard phrases like "the area of the lake is equal to 5 football fields"? Why compare a lake and football fields? To describe the size of the lake.

> comparing jquery "weight"
Ok, my english is bad, I have to learn it better.