Skip to content
CP4CPP logo
CP4CPP/TAG
App settings
Installation and offline settings

Preparing update checks...

Workspaces

12

Reading record

Reading statistics
Reading progress
-
Words
-
Reading estimate
-
Preset chosen
-
Code blocks
-
Images and diagrams
-
Preferences and widgets

    Shared across workspaces

    Heading markersPercentage markers

    tag - Taxonomy Analytics Guidance

    cp4.vn/tag is for topic taxonomy, difficulty guidance, learning progressions, analytics, and self-study direction.

    It gives the rest of CP4CPP a stable language for prerequisites, variants, pattern families, and topic relations.

    Browse published articles by tag

    DP hierarchy preview

    DP hierarchy preview

    ELO experience preview

    ELO experience preview

    Ranking preview

    Ranking preview
    • Organize CP topics and variants into a three-layer hierarchy that is not too niche and not too generic.
    • Analyze solved problems and practice history for feedback and progression tracking.
    • Help students judge difficulty and navigate what to learn next.
    ProjectMeaningTimeForm
    TYRPESESPYTREENov 2022Discord
    OAIObservation Abstraction ImplementationsJan 2024Python
    StarrankStar Edu RankingAug 2025Python / HackMD
    GranimeGraph AnimeDec 202?ImGui app

    Meta-structure learning: students learn how to learn by understanding how topics connect, branch, and build on each other.

    • Taxonomy should use three layers by default.
    • Tags must describe skill families and problem behavior, not only surface names.
    • Analytics should explain what changed in a learner's ability after solving a problem.
    • tag should power navigation in doc, progression in edu, and indexing in fun.

    Reader layout

    Col / Left

    Left column

    LEFT
    Width
    Rail
    ...
    CENTER
    Width
    Rail
    ...
    RIGHT
    Width
    Rail
    ...
    TOP
    NAV
    MID
    BOT

    Theme settings

    Preset 0 · Default · Locked

    Advanced colors · OKLCH

    Choose preset 1-9 to edit. Changes save on this device. Each color inherits in this order: cell → row → column → app → base theme.

    Editing All

    Selected scope

    Chroma 0 is neutral gray. Displayable colors depend on your screen; the browser maps colors outside its gamut. Grayscale also affects images and charts.

    Progress appearance

    Loading controls…

    Forest0.88 kB
    Slate0.88 kB

    Font settings

    Preset 0 · Default · Locked

    Font typography
    Advanced typography

    Auto uses the selected spacing mode. Variants and available weights depend on the font. The browser may synthesize missing weights or styles.

    a b c d e f g h i j k l m n o p q r s t u v w x y z

    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

    0 1 2 3 4 5 6 7 8 9

    ! " # $ % & ' ( ) * + , - . / : ; < = > ? @ [ \ ] ^ _ ` { | } ~

    abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ

    Iosevka Extended10.76 MB
    Inter297.90 kB
    Source Sans 3197.90 kB
    Lora138.11 kB
    Source Serif 4216.02 kB
    JetBrains Mono130.64 kB
    Fira Code53.67 kB

    Keybinds

    Choose a binding, press up to 4 keys together, then release to save. Modifiers count as keys. Esc clears the selected binding. Unsupported keys show Unknown.

    Reader

    Forbidden key combinations

    Windows / Linux reference. These combinations are reserved by this app to avoid browser, system and editing conflicts. Some are intercepted before a page can receive them. Browser extensions and other operating systems may reserve additional keys.

    Fixed navigation: Ctrl + K opens Search. Alt + F6-F9 selects a row; Alt + F10-F12 selects a column. Combine both to select a cell. While selected, F1 captures a screenshot and F2 downloads PNG. Esc cancels dialogs and navigation when a binding is not being recorded.