BestHub
Sign in
Tagged articles
309 articles
Page 2 of 4
JD Tech
JD Tech
Oct 10, 2023 · Operations

Technical Case Study of JDV Visual Dashboard Platform for the 618 Promotion

This article details how JDV, JD.com’s internal visual dashboard platform, tackled the massive data‑intensive 618 promotion by implementing real‑time updates, cross‑midnight count stops, request‑state control, heartbeat monitoring, proxy data sources, and a suite of developer tools to ensure stability, performance, and rapid feature delivery.

Data Platformlarge scalemonitoring
0 likes · 18 min read
Technical Case Study of JDV Visual Dashboard Platform for the 618 Promotion
MaGe Linux Operations
MaGe Linux Operations
Oct 4, 2023 · Fundamentals

Top Free Diagramming Tools Every Engineer Should Know

This guide introduces six free, web‑based diagramming tools—including Excalidraw, Zen Flowchart, Visual Paradigm Online, draw.io, Liuchengtu, and ProcessOn—highlighting their key features, collaboration capabilities, and URLs so engineers can quickly choose the right visual solution for their projects.

Diagrammingfree toolsonline whiteboard
0 likes · 7 min read
Top Free Diagramming Tools Every Engineer Should Know
ByteFE
ByteFE
Sep 13, 2023 · Frontend Development

VisActor Animation Implementation Principles

This article explains VisActor's animation system, detailing animation definition, trigger mechanisms, basic units like timeline and timeslice, effect configuration, global morphing via Bezier curves, and demonstrates one-to-one, one-to-many, and many-to-one shape transformations with code examples and demos.

Bezier CurvesFrontend DevelopmentVisActor
0 likes · 16 min read
VisActor Animation Implementation Principles
JD Tech
JD Tech
Aug 24, 2023 · Fundamentals

Why Architecture Visualization Matters and How to Apply the C4 Model

This article explains the importance of architecture visualization for clear communication, compares wireframe, UML, and sketch approaches, and details how the C4 model’s layered abstractions—system, container, component, and code—provide a low‑cognitive‑load, consistent way to document software systems.

C4 ModelSoftware ArchitectureUML
0 likes · 14 min read
Why Architecture Visualization Matters and How to Apply the C4 Model
Architect's Guide
Architect's Guide
Aug 21, 2023 · Fundamentals

Guidelines for Structured Data Analysis Reports and Effective Chart Usage

This article outlines a clear framework for writing data analysis reports—including hierarchical structure, concise conclusions, business‑oriented recommendations, reliable data sourcing, and best‑practice chart design—while highlighting common statistical pitfalls and tips for improving readability and impact.

Best PracticesData AnalysisMethodology
0 likes · 12 min read
Guidelines for Structured Data Analysis Reports and Effective Chart Usage
21CTO
21CTO
Aug 15, 2023 · Fundamentals

Which Architecture Diagram Fits Your Project? A Complete Guide to Common Diagram Types

This article summarizes the most commonly used architecture diagram types, provides template examples, and outlines their characteristics, typical use cases, visual appeal, and complexity to help developers quickly create diagrams that match business requirements.

System Designarchitecture diagramssoftware engineering
0 likes · 6 min read
Which Architecture Diagram Fits Your Project? A Complete Guide to Common Diagram Types
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Jul 14, 2023 · Frontend Development

Exploring Modern Frontend Techniques: Micro‑Frontends, Pixi.js, Import Maps & More

This article curates a series of frontend engineering insights, covering request‑optimization strategies, an introduction to micro‑frontends with qiankun, building a custom animated chart as an alternative to ECharts, quick Pixi.js basics, the new JavaScript Import Maps feature, and a brief overview of the Cloud Academy frontend team.

FrontendImport MapsJavaScript
0 likes · 3 min read
Exploring Modern Frontend Techniques: Micro‑Frontends, Pixi.js, Import Maps & More
Zhuanzhuan Tech
Zhuanzhuan Tech
Jun 28, 2023 · Backend Development

Extracting Business System Knowledge through FSM‑X Visualization: A Practical Exploration

This article describes a practical approach to automatically extract and visualize business system knowledge from code by abstracting workflow control logic into a generalized design pattern using the FSM‑X state‑machine framework, discussing its background, methodology, implementation details, and current limitations.

Domain‑Driven DesignState Machinebackend
0 likes · 10 min read
Extracting Business System Knowledge through FSM‑X Visualization: A Practical Exploration
IT Services Circle
IT Services Circle
May 29, 2023 · Product Management

A/B Testing with Python: Analyzing Marketing Campaigns to Choose the Best Strategy

This tutorial demonstrates how to perform A/B testing on two marketing campaigns using Python, covering data loading, cleaning, merging, and visual analysis of key metrics such as impressions, spend, clicks, searches, content views, add‑to‑cart actions, and purchases to identify the most effective strategy.

A/B testingData AnalysisMarketing
0 likes · 11 min read
A/B Testing with Python: Analyzing Marketing Campaigns to Choose the Best Strategy
Python Programming Learning Circle
Python Programming Learning Circle
May 26, 2023 · Fundamentals

Introduction to Statsmodels: Installation, Data Loading, and Basic Statistical Analysis with Python

This article introduces the Python Statsmodels library, explains its key features such as linear regression, GLM, time‑series and robust methods, shows how to install it, load data with pandas, perform descriptive statistics, visualizations, hypothesis testing, and simple and multiple linear regression examples.

PythonStatistical ModelingStatsmodels
0 likes · 6 min read
Introduction to Statsmodels: Installation, Data Loading, and Basic Statistical Analysis with Python
Open Source Linux
Open Source Linux
May 26, 2023 · Fundamentals

Top Free Diagramming Tools Every Engineer Should Know

This article introduces several free, easy‑to‑use diagramming tools—including Excalidraw, Zen Flowchart, Visual Paradigm Online, draw.io, Liuchengtu, and ProcessOn—highlighting their key features, collaboration capabilities, and where to access them.

Diagrammingfree toolsonline whiteboard
0 likes · 8 min read
Top Free Diagramming Tools Every Engineer Should Know
Software Development Quality
Software Development Quality
May 21, 2023 · Fundamentals

Why Code Coverage Isn’t the Same as Test Coverage – A Deep Dive

This article explains the distinction between code coverage and test coverage, outlines testing strategies across functional, code, and architectural layers, offers practical steps and visualisation techniques, and highlights how AI can enhance both kinds of coverage in modern software testing.

AI testingcode coveragesoftware metrics
0 likes · 11 min read
Why Code Coverage Isn’t the Same as Test Coverage – A Deep Dive
Ziru Technology
Ziru Technology
May 9, 2023 · Big Data

Boost Data Reliability: Automated Testing for Big Data Metrics

This article analyzes how 33% of data‑center defects stem from big‑data scheduling errors and proposes an automated testing system that monitors data metric integrity, accuracy, and timeliness through interface automation, visual dashboards, alert bots, and a custom ORM framework to dramatically improve ROI.

ROIautomated testingdata monitoring
0 likes · 7 min read
Boost Data Reliability: Automated Testing for Big Data Metrics
Open Source Linux
Open Source Linux
Apr 26, 2023 · Fundamentals

Top 7 Free Online Diagramming Tools for Network Engineers

Discover seven powerful, lightweight online diagramming tools—including Zen Flowchart, Excalidraw, draw.io, xGraph, ProcessOn, Liuchengtu, and Nutstore Drawing—that require no installation, support real‑time collaboration, and cover flowcharts, mind maps, network topologies, and more.

CollaborationFlowchartFree Software
0 likes · 6 min read
Top 7 Free Online Diagramming Tools for Network Engineers
Liangxu Linux
Liangxu Linux
Apr 17, 2023 · Operations

Master NextTrace: A Lightweight Go‑Based Visual Traceroute Tool for Linux

This guide introduces NextTrace, a lightweight open‑source Go traceroute utility, explains how to install it on Linux, macOS and via GHPROXY, details its extensive command‑line options, and demonstrates advanced features such as TCP/UDP tracing, TTL control, parallel requests, map and table outputs.

GoLinuxNetwork Diagnostics
0 likes · 9 min read
Master NextTrace: A Lightweight Go‑Based Visual Traceroute Tool for Linux
Python Programming Learning Circle
Python Programming Learning Circle
Mar 22, 2023 · Fundamentals

Comparing Distributions Between Groups: Visualization and Statistical Methods in Python

This article demonstrates how to compare the distribution of a variable across control and treatment groups using Python, covering data generation, visual techniques such as boxplots, histograms, KDE, CDF, QQ and ridgeline plots, and a suite of statistical tests including t‑test, SMD, Mann‑Whitney, permutation, chi‑square, Kolmogorov‑Smirnov and ANOVA for both two‑group and multi‑group scenarios.

A/B testingPythonStatistical Tests
0 likes · 21 min read
Comparing Distributions Between Groups: Visualization and Statistical Methods in Python
Python Programming Learning Circle
Python Programming Learning Circle
Mar 21, 2023 · Artificial Intelligence

Analyzing WeChat Friend Data with Python: Gender, Avatar, Signature, and Location Insights

This tutorial demonstrates how to use Python libraries such as itchat, jieba, matplotlib, SnowNLP, and Tencent Youtu SDK to collect WeChat friend information and perform data analysis on gender distribution, avatar characteristics, signature text (including word‑cloud and sentiment analysis), and geographic location, presenting the results with visual charts and maps.

NLPdata-analysisimage recognition
0 likes · 14 min read
Analyzing WeChat Friend Data with Python: Gender, Avatar, Signature, and Location Insights
Architects Research Society
Architects Research Society
Mar 2, 2023 · Fundamentals

What Is a Business Capability Heatmap and How to Build One

A business capability heatmap is a visual two‑dimensional chart that maps capabilities against evaluation parameters such as strategic importance, maturity, and resource adequacy, helping architects and managers assess, compare, and communicate capability status for purposes like vendor selection, merger analysis, and impact prioritization.

business capabilitycapability assessmentheatmap
0 likes · 8 min read
What Is a Business Capability Heatmap and How to Build One
DaTaobao Tech
DaTaobao Tech
Feb 24, 2023 · Artificial Intelligence

Data Preprocessing and Statistical Analysis Techniques in Python

The article reviews essential Python data‑preprocessing and statistical‑analysis tools—including missing‑value imputation, outlier trimming, scaling, binning, knee‑point detection, correlation, chi‑square testing, linear regression, Wilson scoring, PCA weighting, text tokenization and sentiment analysis, plus visualization with matplotlib/seaborn and big‑data access via pyodps.

Machine LearningPythonStatistical Analysis
0 likes · 17 min read
Data Preprocessing and Statistical Analysis Techniques in Python
DataFunSummit
DataFunSummit
Jan 28, 2023 · Big Data

Exploring Apache Superset 2.0: From Data Exploration to Modern BI Dashboards

This comprehensive overview introduces Apache Superset 2.0, covering its history, core features such as SQLLab, extensive visualizations, data‑exploration capabilities, dashboard creation, native filters, custom plugins, feature flags, and practical demos, while also providing tips, Q&A, and community resources for developers and data engineers.

Apache SupersetBI DashboardsCustom Plugins
0 likes · 18 min read
Exploring Apache Superset 2.0: From Data Exploration to Modern BI Dashboards
Architects Research Society
Architects Research Society
Jan 12, 2023 · Fundamentals

What Is an Enterprise Architecture Framework Diagram?

An enterprise architecture framework diagram visualizes the various architecture layers—governance, business, information, technology, security, and more—showing which parts are identified, managed, and owned, while illustrating current, future, and envisioned states to support reporting and decision‑making.

Dragon1EA modelingframework diagram
0 likes · 6 min read
What Is an Enterprise Architecture Framework Diagram?
Zhengtong Technical Team
Zhengtong Technical Team
Dec 30, 2022 · Frontend Development

Implementation of Component Drag‑and‑Drop in the Wukong Low‑Code Visual Platform

This article explains how the Wukong low‑code visual platform implements component drag‑and‑drop, covering material‑to‑canvas dragging, intra‑canvas movement, resizing via eight handles, alignment guide generation, performance optimizations using CSS transforms, and component encapsulation with Vue 3.

ComponentDrag-and-DropFrontend
0 likes · 14 min read
Implementation of Component Drag‑and‑Drop in the Wukong Low‑Code Visual Platform
Su San Talks Tech
Su San Talks Tech
Dec 29, 2022 · Fundamentals

Why Every Developer Should Master draw.io for Clear Diagrams

This guide explains why diagrams are essential for technical articles, introduces draw.io as a free, GitHub‑backed tool, walks through its interface, basic shapes, advanced combinations, and also recommends complementary tools like XMind and carbon.now.sh for mind‑maps and code screenshots.

Diagrammingdraw.iotechnical writing
0 likes · 11 min read
Why Every Developer Should Master draw.io for Clear Diagrams
ByteFE
ByteFE
Dec 26, 2022 · Frontend Development

Design and Implementation of SpriteJS: A Cross‑Platform WebGL/Canvas2D Rendering Engine

This article details the four‑year development of SpriteJS, a high‑performance, cross‑platform graphics system that supports WebGL and Canvas2D rendering, DOM‑like APIs, responsive design, WebWorker integration, and extensive performance optimizations for visualisation and game applications.

Canvas2DGraphicsSpriteJS
0 likes · 18 min read
Design and Implementation of SpriteJS: A Cross‑Platform WebGL/Canvas2D Rendering Engine
Top Architect
Top Architect
Dec 11, 2022 · Backend Development

Introducing and Deploying an Nginx Visualization System: Features, Installation, and Usage

This article introduces a highly recommended open‑source Nginx visualization project, outlines its core features such as configuration management and performance monitoring, provides step‑by‑step installation and deployment instructions for Linux, and shares the source code location along with remaining challenges.

Configuration ManagementLinuxnginx
0 likes · 5 min read
Introducing and Deploying an Nginx Visualization System: Features, Installation, and Usage
Architect's Tech Stack
Architect's Tech Stack
Nov 25, 2022 · Operations

Nginx‑GUI: Open‑Source Visual Management Tool for Nginx Configuration and Performance Monitoring

This article introduces the open‑source Nginx‑GUI tool, explains its configuration‑management and performance‑monitoring features, and provides a step‑by‑step tutorial—including download, file edits, Linux‑specific renaming, and server deployment—complete with code snippets and screenshots for users.

GUInginxperformance monitoring
0 likes · 5 min read
Nginx‑GUI: Open‑Source Visual Management Tool for Nginx Configuration and Performance Monitoring
DataFunSummit
DataFunSummit
Nov 22, 2022 · Big Data

BI Platform Practice at Xiaomi: Evolution, Architecture, and Future Directions

This article details Xiaomi's multi‑year journey in building a group‑wide Business Intelligence platform, covering its historical evolution, technical challenges in performance, modeling, visualization and permissions, the current four‑layer architecture, and future plans to make the platform more business‑centric and simpler.

AnalyticsBIBig Data
0 likes · 15 min read
BI Platform Practice at Xiaomi: Evolution, Architecture, and Future Directions
NetEase LeiHuo Testing Center
NetEase LeiHuo Testing Center
Nov 11, 2022 · Operations

How to Extract and Implement Tool Requirements from Daily QA Work

This article explains how QA engineers can identify inefficiencies in their daily workflows, turn those observations into concrete tool requirements, and apply visualisation, automation, and process‑optimisation techniques—illustrated with game‑testing examples—to dramatically improve efficiency and reduce errors.

AutomationQAgame testing
0 likes · 19 min read
How to Extract and Implement Tool Requirements from Daily QA Work
Efficient Ops
Efficient Ops
Nov 6, 2022 · Operations

Visualizing Business‑Process Monitoring with Grafana, Diagram & FlowCharting

This article examines the evolution of a monitoring platform, identifies key challenges such as alarm overload and fragmented data, and presents a solution that combines Grafana with Diagram and FlowCharting plugins to create business‑process‑oriented, data‑driven visualizations for faster issue resolution.

DiagramFlowChartingGrafana
0 likes · 10 min read
Visualizing Business‑Process Monitoring with Grafana, Diagram & FlowCharting
Sohu Tech Products
Sohu Tech Products
Oct 12, 2022 · Big Data

Using GoPUP: A Python Library for Easy Access to Public Data APIs

This article introduces the GoPUP Python library, explains how to install it, demonstrates retrieving Weibo index data with code examples, shows how to visualize the results using Pandas, Jupyter and Matplotlib, and lists the wide range of public data APIs the library supports.

Data AnalysisJupyterPython
0 likes · 7 min read
Using GoPUP: A Python Library for Easy Access to Public Data APIs
Laravel Tech Community
Laravel Tech Community
Oct 8, 2022 · Databases

Comparative Review of Popular Redis Visualization Tools

This article compares a range of Redis visualization solutions—including desktop clients, a web‑based platform, and an IDE plugin—detailing their features, licensing, platform support, and command‑line integration to help developers choose the most efficient tool for their workflow.

Database ToolsDesktop clientIDE plugin
0 likes · 8 min read
Comparative Review of Popular Redis Visualization Tools
Zhixing ZXD Design Center
Zhixing ZXD Design Center
Sep 28, 2022 · Product Management

8 Real-World UI/UX Cases That Boost User Experience

This article analyzes eight practical UI/UX case studies—from empathetic map navigation and smarter text input to privacy‑focused designs, motion‑enhanced feedback, IP interaction, and streamlined flows—showing how thoughtful design can dramatically improve user satisfaction across mobile apps.

Interaction DesignUI/UXcase study
0 likes · 8 min read
8 Real-World UI/UX Cases That Boost User Experience
phodal
phodal
Aug 7, 2022 · Fundamentals

Demystifying Graph Modeling: From Nodes & Edges to Rendering Techniques

This article revisits fundamental graph concepts, clarifies the distinction between graphs and charts, defines nodes, edges, geometry, and properties, and outlines data processing, layout strategies, and rendering approaches using Canvas and SVG, offering a concise roadmap for building a graph engine.

Geometrydata modelinggraph
0 likes · 8 min read
Demystifying Graph Modeling: From Nodes & Edges to Rendering Techniques
Baobao Algorithm Notes
Baobao Algorithm Notes
Aug 3, 2022 · Industry Insights

How to Package Your Model for Competition Success: The Three‑Step ‘Ancient Kung Fu’ Method

This article outlines a systematic three‑step framework—visual appeal, standout optimization, and comprehensive experiments—to help data‑science teams package and present their models effectively in competitions, complete with practical tips, visual examples, and a GitHub resource for creating compelling model graphics.

competition strategydata-sciencemachine learning workflow
0 likes · 7 min read
How to Package Your Model for Competition Success: The Three‑Step ‘Ancient Kung Fu’ Method
政采云技术
政采云技术
Jul 19, 2022 · Frontend Development

Data Source Design in a Visualization Building System

This article explains how introducing a data source layer in a visualization building system reduces repetitive component configuration, improves reuse, and empowers non‑developers to create and manage APIs for dynamic UI assembly.

API ManagementData SourceFrontend Development
0 likes · 11 min read
Data Source Design in a Visualization Building System
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 11, 2022 · Frontend Development

Design and Implementation of a Generic Map Component with Real‑time Heatmap Rendering Using ThreeJS

This article explains the motivation, architecture, and implementation details of a generic map component that supports real‑time heatmap rendering using ThreeJS, covering GIS layer protocols, canvas limitations, WebGL advantages, and code examples for creating radial gradients, instanced meshes, and custom shaders.

GISMAPWebGL
0 likes · 14 min read
Design and Implementation of a Generic Map Component with Real‑time Heatmap Rendering Using ThreeJS
Python Programming Learning Circle
Python Programming Learning Circle
Jul 8, 2022 · Fundamentals

Using Python pandas to Replicate Excel Functions and Visualizations

This article demonstrates how to replace common Excel operations such as data import, VLOOKUP, pivot tables, and charting with Python libraries like pandas and plotly, providing step‑by‑step code examples, performance tips, and comparisons that help analysts transition from spreadsheet‑based workflows to programmatic data analysis.

ExcelVLOOKUPdata-analysis
0 likes · 13 min read
Using Python pandas to Replicate Excel Functions and Visualizations
Python Programming Learning Circle
Python Programming Learning Circle
Jul 4, 2022 · Fundamentals

Advanced NumPy Functions for Array Creation, Manipulation, and Analysis

This article introduces a collection of lesser‑known NumPy functions—including np.full_like, np.logspace, np.meshgrid, np.triu, np.ravel, np.vstack, np.r_, np.where, np.allclose, np.argsort, np.isneginf, np.polyfit, np.clip, np.count_nonzero, and np.array_split—demonstrating their usage with code examples and visualizations for data‑science and scientific‑computing tasks.

array manipulationdata-sciencestatistics
0 likes · 17 min read
Advanced NumPy Functions for Array Creation, Manipulation, and Analysis
Model Perspective
Model Perspective
Jun 28, 2022 · Fundamentals

Master NumPy: Visual Guide to Multidimensional Arrays and Operations

An in‑depth visual tutorial explains NumPy’s core concepts—from one‑dimensional vectors to high‑dimensional tensors—covering array creation, indexing, arithmetic, broadcasting, sorting, and advanced functions like meshgrid and einsum, empowering developers to harness efficient multidimensional computations in Python.

NumPyPythonmultidimensional arrays
0 likes · 21 min read
Master NumPy: Visual Guide to Multidimensional Arrays and Operations
Top Architect
Top Architect
Jun 21, 2022 · Fundamentals

How to Create Clear Architecture Diagrams: Concepts, Types, and Best Practices

This article explains the purpose and definition of software architecture diagrams, introduces the 4+1 view classification and the C4 model (system context, container, component, and code diagrams), discusses common pitfalls, and provides practical guidance and tool recommendations for producing self‑describing, audience‑focused architecture visuals.

C4 ModelSoftware ArchitectureSystem Design
0 likes · 11 min read
How to Create Clear Architecture Diagrams: Concepts, Types, and Best Practices
DevOps Cloud Academy
DevOps Cloud Academy
Jun 6, 2022 · Operations

Using Jenkins Deploy Dashboard Plugin for Visual Deployment Management

This article introduces the Deploy Dashboard plugin for Jenkins, explains how to visualize deployment status across environments, shows step‑by‑step instructions for adding versions, creating the dashboard view, adding deployment buttons, and provides pipeline code examples for seamless CI/CD integration.

Deploy DashboardDevOpsJenkins
0 likes · 5 min read
Using Jenkins Deploy Dashboard Plugin for Visual Deployment Management
macrozheng
macrozheng
May 20, 2022 · Frontend Development

Boost Your API Testing: Visualize JSON with JsonHero & JsonVisio

Swagger’s poor JSON handling can hinder API testing, but two sleek visualization tools—JsonHero and JsonVisio—offer formatting, editing, tree views, and easy installation, enabling developers to efficiently view and manipulate JSON data directly from Swagger or standalone.

FrontendJSONJsonHero
0 likes · 7 min read
Boost Your API Testing: Visualize JSON with JsonHero & JsonVisio
Code DAO
Code DAO
May 18, 2022 · Artificial Intelligence

A Practical Guide to PyTorch Visualization Tools for Deep Learning

This article walks through the core PyTorch visualization utilities—making image grids, drawing bounding boxes, segmentation masks, and keypoints—explaining why they are needed, how to set up the pipeline, and providing complete code examples for each computer‑vision task.

Bounding BoxesKeypointsPyTorch
0 likes · 18 min read
A Practical Guide to PyTorch Visualization Tools for Deep Learning
Meituan Technology Team
Meituan Technology Team
Apr 14, 2022 · Frontend Development

Knowledge Graph Visualization Practices and Solutions at Meituan

This article details Meituan's end‑to‑end practice of knowledge‑graph visualization, covering basic concepts, scenario analysis, D3.js‑based architecture, layout optimization, visual‑noise reduction, rich interaction features, 3D extensions, real‑world deployments and future research directions.

3D force graphD3.jsKnowledge Graph
0 likes · 25 min read
Knowledge Graph Visualization Practices and Solutions at Meituan
vivo Internet Technology
vivo Internet Technology
Mar 23, 2022 · Frontend Development

Product Middle Platform Front-end Practice: Micro-frontend Architecture and Visualization Technology Implementation

The article details how an e‑commerce product middle platform’s front‑end employs visualization technology, a uni‑render approach that shares a Vuex store between an iframe and its parent via a sandboxed Vue instance, and a qiankun‑based micro‑frontend architecture, while addressing cross‑domain and editor integration challenges.

Vuexe‑commercefrontend-architecture
0 likes · 13 min read
Product Middle Platform Front-end Practice: Micro-frontend Architecture and Visualization Technology Implementation
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 14, 2022 · Frontend Development

How Low‑Code Platforms Are Revolutionizing Front‑End Visualization Engineering

The article explores how front‑end engineering, through reusable component libraries, modular building platforms, and low‑code visual editors, transforms data‑screen development by abstracting complexity, boosting efficiency, and enabling scalable, reusable business components across multiple devices and scenarios.

Component LibraryEngineeringLow‑code
0 likes · 16 min read
How Low‑Code Platforms Are Revolutionizing Front‑End Visualization Engineering
Alipay Experience Technology
Alipay Experience Technology
Feb 24, 2022 · Frontend Development

How Yuque Board Reinvented Diagram Layouts: New Features, Challenges, and Innovative Solutions

In this talk, a Yuque front‑end engineer walks through the past six months of Yuque Board’s new features, unexpected use cases, emerging problems, fresh ideas, and novel methods, illustrating how abstraction, scientific falsification, and innovative thinking drive product evolution.

FrontendProduct Developmentlayout algorithms
0 likes · 11 min read
How Yuque Board Reinvented Diagram Layouts: New Features, Challenges, and Innovative Solutions
phodal
phodal
Feb 20, 2022 · Industry Insights

How Open‑Source Tools Are Revolutionizing Legacy System Modernization

This article examines the challenges of modernizing legacy systems and presents a comprehensive open‑source toolkit—including syntax analysis, visualization, automated refactoring, and architecture guarding—that enables developers to quickly assess, visualize, and evolve outdated codebases across multiple platforms.

Automationarchitecture guardopen-source tools
0 likes · 9 min read
How Open‑Source Tools Are Revolutionizing Legacy System Modernization
Alipay Experience Technology
Alipay Experience Technology
Feb 16, 2022 · Frontend Development

How AntV Engineers Design and Build Visual Narrative Engines

This article explains the concept of visual narrative, why it matters for multi‑dimensional data insight, and details AntV's design and implementation approach—including declarative chart definitions, timeline playback, React‑like components, and animation phases—to create interactive data stories.

Data StorytellingFrontendtimeline
0 likes · 8 min read
How AntV Engineers Design and Build Visual Narrative Engines
IT Architects Alliance
IT Architects Alliance
Feb 16, 2022 · Fundamentals

How to Create Effective Architecture Diagrams: Concepts, Types, and the C4 Modeling Approach

This article explains the importance of clear architecture diagrams, defines architecture and its visual representations, outlines common diagram types and pitfalls, and introduces the C4 modeling approach with practical guidance for creating self‑describing, audience‑focused system diagrams.

C4 ModelSoftware ArchitectureSystem Design
0 likes · 10 min read
How to Create Effective Architecture Diagrams: Concepts, Types, and the C4 Modeling Approach
Liangxu Linux
Liangxu Linux
Feb 10, 2022 · Operations

Master Linux Memory Insights with smem: Install, Use, and Visualize

This guide explains how to install the Linux smem tool, use its various options to report RSS, USS, and PSS memory metrics, filter results for specific processes or users, and generate visual pie and bar charts with Python's matplotlib for clearer memory analysis.

PSSmemory managementsmem
0 likes · 6 min read
Master Linux Memory Insights with smem: Install, Use, and Visualize
Sohu Tech Products
Sohu Tech Products
Feb 2, 2022 · Frontend Development

Markmap: Turning Markdown into Interactive Mindmaps

Markmap is a JavaScript tool that parses Markdown documents, extracts their hierarchical structure, and renders them as interactive mindmaps in the browser, offering three npm packages, editor plugins, and detailed usage examples with code snippets.

MarkdownMarkmapmindmap
0 likes · 4 min read
Markmap: Turning Markdown into Interactive Mindmaps
Code DAO
Code DAO
Dec 15, 2021 · Artificial Intelligence

Should You Monitor Your Machine Learning Models? An Introduction with Evidently AI

The article explains why monitoring production ML models is essential to detect data and target drift, describes the open‑source Evidently AI library and its statistical tests, and demonstrates its use on a weather‑forecast example and a plant‑seedling image classification case, including dashboards, code snippets, and visual analysis of drift impact.

Evidently AIModel MonitoringPython
0 likes · 14 min read
Should You Monitor Your Machine Learning Models? An Introduction with Evidently AI
DataFunSummit
DataFunSummit
Dec 15, 2021 · Fundamentals

Concrete Strength Data Analysis Using Pandas: A Step‑by‑Step Tutorial

This tutorial walks through a complete pandas‑based workflow for analyzing a concrete‑strength dataset, covering data loading, cleaning, exploratory visualizations, correlation analysis, and targeted sub‑group investigations to uncover factors influencing product strength and suggest improvement measures.

Data Analysisconcrete strengthcorrelation
0 likes · 13 min read
Concrete Strength Data Analysis Using Pandas: A Step‑by‑Step Tutorial
Python Programming Learning Circle
Python Programming Learning Circle
Dec 13, 2021 · Artificial Intelligence

Analyzing WeChat Friend Data with Python: Gender, Avatar, Signature, and Location Insights

This tutorial demonstrates how to use Python libraries such as itchat, jieba, matplotlib, SnowNLP, and Tencent Youtu SDK to collect WeChat friend information and perform data analysis and visualization on gender distribution, avatar characteristics, signature sentiment, and geographic location, providing practical code examples and visual results.

data-analysissentimentvisualization
0 likes · 14 min read
Analyzing WeChat Friend Data with Python: Gender, Avatar, Signature, and Location Insights
IT Architects Alliance
IT Architects Alliance
Nov 17, 2021 · Fundamentals

How to Create Effective Architecture Diagrams: Concepts, Types, and Best Practices

This article explains the purpose and basic concepts of software architecture diagrams, introduces common view types such as scenario, logical, physical, process, and development, discusses criteria for good diagrams, highlights typical pitfalls, and presents the C4 modeling approach with practical examples and tool recommendations.

C4 ModelDiagramSystem Design
0 likes · 12 min read
How to Create Effective Architecture Diagrams: Concepts, Types, and Best Practices
DevOps Cloud Academy
DevOps Cloud Academy
Nov 1, 2021 · Operations

Using Jenkins Deploy Dashboard for Visual Deployment

This article introduces the Jenkins Deploy Dashboard plugin, explains its purpose for visualizing deployment status across environments, and provides step‑by‑step instructions—including adding deployments to the dashboard, creating the dashboard view, and adding deployment buttons—using both scripted and declarative pipelines.

Deploy DashboardDevOpsJenkins
0 likes · 5 min read
Using Jenkins Deploy Dashboard for Visual Deployment
TikTok Frontend Technology Team
TikTok Frontend Technology Team
Oct 22, 2021 · Fundamentals

Understanding DAG Basics and the Dagre Layout Algorithm with Perfect-Process

This article introduces the fundamentals of directed acyclic graphs (DAGs), explains adjacency representations, details the Dagre layout algorithm’s concepts, computation steps, and constraints, and presents the Perfect‑Process front‑end library that implements these techniques for interactive pipeline diagram rendering and editing.

DAGFrontendalgorithm
0 likes · 13 min read
Understanding DAG Basics and the Dagre Layout Algorithm with Perfect-Process
Qunhe Technology Quality Tech
Qunhe Technology Quality Tech
Oct 22, 2021 · Backend Development

How We Built a Full‑Chain Rendering Debug Platform to Cut Debug Time by 30%

This case study describes how a rendering middle‑platform team tackled complex micro‑service chains, inconsistent data rules, and massive 3D data to create a full‑link location and visualization platform that enables self‑service debugging, reduces developer effort by over 30 %, and serves more than 170 monthly users.

DebuggingPlatformmicroservices
0 likes · 12 min read
How We Built a Full‑Chain Rendering Debug Platform to Cut Debug Time by 30%
Python Programming Learning Circle
Python Programming Learning Circle
Oct 18, 2021 · Fundamentals

Analyzing and Predicting the Box Office of "The Battle at Lake Changjin" Using Python Data Scraping and Visualization

This tutorial demonstrates how to scrape Maoyan movie comments for "The Battle at Lake Changjin", clean and store the data, perform comprehensive visual analyses such as likes, city, gender, watch status, rating, user level, and creator mentions, and finally predict next‑day box office using linear regression with sklearn.

Pyechartsbox officedata-analysis
0 likes · 4 min read
Analyzing and Predicting the Box Office of "The Battle at Lake Changjin" Using Python Data Scraping and Visualization
Python Crawling & Data Mining
Python Crawling & Data Mining
Sep 14, 2021 · Fundamentals

What TV Fans Say: Analyzing 97,331 Danmu Comments with Python

Using Python and pandas, this article collects and analyzes 97,331 danmu comments from the first episode of Mango TV’s “Brother” show, presenting data previews, word clouds, top‑liked remarks, super‑active users, and favorite performers, while also sharing the data‑scraping script.

DanmuData Analysispandas
0 likes · 8 min read
What TV Fans Say: Analyzing 97,331 Danmu Comments with Python
ByteFE
ByteFE
Sep 8, 2021 · Frontend Development

Implementing Sorting Algorithm Visualizations with JavaScript and Canvas

This article explains how to create animated visualizations of 50 sorting algorithms using JavaScript and the HTML5 canvas by converting array elements into polar coordinates, randomizing their positions, and redrawing the canvas step‑by‑step during the sorting process, complete with full source code examples.

Algorithm AnimationFrontendJavaScript
0 likes · 20 min read
Implementing Sorting Algorithm Visualizations with JavaScript and Canvas
Python Programming Learning Circle
Python Programming Learning Circle
Aug 6, 2021 · Fundamentals

Essential Pandas Functions for Data Analysis in Python

This article introduces Python's pandas library as a powerful open‑source alternative to MATLAB for data modeling competitions, covering basic, intermediate, and advanced functions—including data I/O, inspection, logical filtering, visualization, aggregation, and integration with tqdm for progress tracking—complete with code examples.

Data AnalysisPythonpandas
0 likes · 7 min read
Essential Pandas Functions for Data Analysis in Python
ByteDance Dali Intelligent Technology Team
ByteDance Dali Intelligent Technology Team
Aug 5, 2021 · Mobile Development

Design and Implementation of a Lightweight Startup Information Collection and Visualization Framework

This article presents a lightweight framework for constructing, collecting, and visualizing Android startup task information, replacing heavy systrace data with concise logs, Kotlin data structures, AspectJ instrumentation, and Python scripts that generate readable timelines and discrete charts to aid performance analysis.

AndroidAspectJProfiling
0 likes · 10 min read
Design and Implementation of a Lightweight Startup Information Collection and Visualization Framework
ELab Team
ELab Team
Jul 22, 2021 · Fundamentals

Mastering Hierarchical Graph Layout: A Deep Dive into Sugiyama’s Algorithm

This article explains the principles, steps, and various algorithms behind hierarchical (Sugiyama) graph layout, covering node layering, crossing reduction, coordinate computation, drawing, and practical implementation details with JavaScript libraries such as dagre and d3‑dag.

DAGSugiyama algorithmgraph layout
0 likes · 16 min read
Mastering Hierarchical Graph Layout: A Deep Dive into Sugiyama’s Algorithm
DevOps
DevOps
Jul 22, 2021 · Fundamentals

Visualizing Test Strategy: One‑Page Test Strategy Diagram and Its Application

This article explains how traditional, lengthy test‑strategy documents can be replaced by a concise, one‑page visual diagram that clearly presents what to test, how to test, guiding principles, and the roles of test left‑shift, test quadrants, test layers, and test right‑shift, using a real‑world example to illustrate the approach.

Test Strategyagilequality assurance
0 likes · 14 min read
Visualizing Test Strategy: One‑Page Test Strategy Diagram and Its Application
Baidu Geek Talk
Baidu Geek Talk
Jul 14, 2021 · Operations

How Baidu Built a Robust Microservice Monitoring System for Game Services

This article details Baidu's comprehensive microservice monitoring practice for its game platform, covering the initial fragmented setup, systematic redesign across risk control, intelligent monitoring, smart alerting, and rapid fault localization, and presents the resulting monitoring architecture, visualizations, and future improvement goals.

BaiduOperationsalerting
0 likes · 14 min read
How Baidu Built a Robust Microservice Monitoring System for Game Services