layout algorithm

Ctrip Technology

Mar 2, 2023 · Frontend Development

Design2Code (D2C) Tool: Core Algorithm Design and Implementation for Frontend Code Generation

This article presents the Design2Code (D2C) tool, detailing its background, core algorithmic concepts, industry landscape, implementation architecture, layout reconstruction techniques, visual constraints, and future plans, aiming to improve front‑end development efficiency by automatically converting design drafts into production‑ready code.

code generationdesign2codefrontend automation

0 likes · 13 min read

Design2Code (D2C) Tool: Core Algorithm Design and Implementation for Frontend Code Generation

DaTaobao Tech

Feb 17, 2023 · Frontend Development

Advances in Front‑end Intelligent Layout Algorithms and D2C Technology

Alibaba’s Front‑end Intelligent Group has built a D2C‑driven platform that converts 2‑D design drafts into high‑quality, token‑driven HTML/CSS through advanced preprocessing, text‑merge, badge recognition, skeleton grouping, and epoch‑based transformation pipelines, enabling rapid, no‑code UI personalization and scalable engineering quality.

Front-enddesign-to-codeengineering

0 likes · 23 min read

Advances in Front‑end Intelligent Layout Algorithms and D2C Technology

JD Tech

Nov 5, 2021 · Frontend Development

Deco Intelligent Code Project: Design‑to‑Code Solution for Frontend Development

This article details the Deco intelligent code project, which leverages AI and layout algorithms to transform design drafts into semantic, reusable frontend code, achieving around 48% efficiency gains during large‑scale e‑commerce events and outlining the full pipeline from design processing to DSL generation and future AI platform integration.

AIDSLautomation

0 likes · 14 min read

Deco Intelligent Code Project: Design‑to‑Code Solution for Frontend Development

WeDoctor Frontend Technology

Apr 7, 2021 · Frontend Development

How to Build a Responsive Rectangular Treemap with Squarified Layout in JavaScript

This article explains how to implement a rectangular treemap for outpatient disease data using JavaScript, covering layout algorithms such as Slice‑and‑Dice and Squarified, color filling, and canvas event handling with detailed code examples and performance evaluation metrics.

CanvasJavaScriptVisualization

0 likes · 11 min read

How to Build a Responsive Rectangular Treemap with Squarified Layout in JavaScript