반응형
반응형

javascript Minifier - 스크립트 코드 경량화

 

javascript-minifier.com/

 

보통 파일명.min.css 처럼 .min 이붙으면 경량화를 거친 코드라고 볼 수 있다.

 

경량화를 하는 이유는 코드의 크기를 줄여 리소스를 절약하기 위해서이다.

 

불필요한 문자,주석,공백,줄바꿈 등을 제거하여 한줄로 만들어 코드의 크기를 10~95% 까지 줄일수 있다고 한다.

www.minifier.org/

github.com/matthiasmullie/minify/

 

matthiasmullie/minify

CSS & JavaScript minifier, in PHP. Removes whitespace, strips comments, combines files (incl. @import statements and small assets in CSS files), and optimizes/shortens a few common programming ...

github.com

 

반응형
반응형

 GoJS - Interactive JavaScript Diagrams for the Web

GoJS is a JavaScript and TypeScript library for building interactive diagrams and graphs

From simple flowcharts and org charts to highly-specific industrial diagrams, SCADA and BPMN diagrams, medical diagrams such as genograms and outbreak modeling diagrams, and more. GoJS makes constructing graphs of complex nodes, links, and groups easy with customizable templates and layouts.

GoJS offers advanced features for user interactivity such as drag-and-drop, copy-and-paste, in-place text editing, tooltips, context menus, automatic layouts, templates, data binding and models, transactional state and undo management, palettes, overviews, event handlers, commands, extensible tools for custom operations, and customizable animations.

We maintain hundreds of sample diagrams, detailing different examples of interactivity, templates, and user logic for you to start from. We offer free developer-to-developer support during evaluation.

Flowcharts

Build interactive flowcharts or flow diagrams. Let your users build, modify, and save Diagrams with JSON model output.

State Charts

Visualize State Charts and other behavior diagrams. Create diagrams with live updates to monitor state, or interactive diagrams for planning.

Sankey Diagrams

GoJS allows considerable customization of Links and Nodes to build all kinds of diagrams. Visualize flow, or connect pipes

Genogram Diagrams

Create Genogram and Medical diagrams, or editable family trees with collapsible levels.

Org Charts

Create classic org charts for viewing or editing. Automatic layouts make different visualization options easy.

Dynamic Ports

Dynamically add ports and custom link routing. Use data-bindings to save and load routes within the Model JSON.

Industrial Processes

Model industrial processes, workflows, SCADA diagrams and more. Permissions and validation make it easy to add rules and constraints when your customers build diagrams.

Dynamic Grouping

Use groups as containers and subgraphs, with group members bounds by their own rules and layouts.

반응형
반응형


Danfo.js는 구조화 된 데이터를 조작하고 처리하기위한 직관적이고 사용하기 쉬운 고성능 데이터 구조를 제공하는 오픈 소스 JavaScript 라이브러리입니다.

Danfo.js is an open-source, JavaScript library providing high-performance, intuitive, and easy-to-use data structures for manipulating and processing structured data.

https://danfo.jsdata.org/

Danfo.js Documentation

Danfo.js is an open-source, JavaScript library providing high-performance, intuitive, and easy-to-use data structures for manipulating and processing structured data.

danfo.jsdata.org

https://blog.tensorflow.org/2020/08/introducing-danfo-js-pandas-like-library-in-javascript.html?hl=ko&m=1

Introducing Danfo.js, a Pandas-like Library in JavaScript

Danfo.js is an open-source, JavaScript library that provides high-performance, intuitive, and easy-to-use data structures for manipulating and processing structured data. Danfo.js is heavily inspired by the Python Pandas library and provides a similar inte

blog.tensorflow.org

반응형
반응형

Cytoscape - Network Data Integration, Analysis, and Visualization in a Box

cytoscape.org/

 

Cytoscape: An Open Source Platform for Complex Network Analysis and Visualization

Cytoscape supports many use cases in molecular and systems biology, genomics, and proteomics: Load molecular and genetic interaction data sets in many standards formats Project and integrate global datasets and functional annotations Establish powerful vis

cytoscape.org

github.com/cytoscape/cytoscape.js

 

cytoscape/cytoscape.js

Graph theory (network) library for visualisation and analysis - cytoscape/cytoscape.js

github.com

manual.cytoscape.org/en/stable/Cytoscape.js_and_Cytoscape.html

 

25. Cytoscape.js and Cytoscape — Cytoscape User Manual 3.8.2 documentation

Cytoscape and Cytoscape.js are sharing a concept called Style. This is a collection of mappings from data point to network property. oCytoscape can export its Styles into CSS-based Cytoscape.js JSON. You can export all Styles into one JSON file from File |

manual.cytoscape.org

 

반응형
반응형

Drag and Drop. HTML5 

 

colorlib.com/wp/bootstrap-drag-and-drop/

 

20 Best Bootstrap Drag and Drop to Amp up Your Website - Colorlib

Are you looking for bootstrap drag and drop templates to amp up your website functionality? Take a look on these layouts and try them out..

colorlib.com

 

codepen.io/trzmaxim/pen/GppXGE

 

nested drag and drop used dragula.js

...

codepen.io

codepen.io/ElijahFowler/full/Lpgwxq

 

Native HTML5 Drag and Drop

Taken from HTML5Rocks's Drag And Drop Basics, and edited to use the classList API. No IE support as it does not support the DataTransfer API....

codepen.io

codepen.io/istavros/pen/XJXMRJ

 

Drag 'n' Drop assignment

...

codepen.io

 

web.dev/drag-and-drop/

 

Using the HTML5 Drag and Drop API

The HTML5 Drag and Drop (DnD) API means that we can make almost any element on our page draggable. In this post we’ll explain the basics of Drag and Drop.

web.dev

 

반응형
반응형

Scrum board with drag and drop

 

Scrum board with drag and drop

...

codepen.io

codepen.io/erikdevos/pen/ZYNWoR

 

Scrum board with drag and drop

...

codepen.io

See the Pen Scrum board with drag and drop by Erik de Vos (@erikdevos) on CodePen.

 

반응형

+ Recent posts