css.json

{
    "topic": {
        "attributes": {
            "title": "CSS ",
            "description": null,
            "snapshot_date": "2017-02-16",
            "permanent_id": "css",
            "chart_type": "bubble"
        },
        "items": [
            {
                "title": "cssnext",
                "description": "Edge CSS syntax made available for browsers now.\n\nhttp://cssnext.io/",
                "axis": {
                    "x": 0.35803375244140623,
                    "y": 0.2752234310826541
                },
                "id": "172"
            },
            {
                "title": "CSS Modules",
                "description": "https://github.com/css-modules/css-modules",
                "axis": {
                    "x": 0.14710198260368185,
                    "y": 0.2656448664511071
                },
                "id": "138"
            },
            {
                "title": "Flexbox",
                "description": "Flexbox is the modern improved way to layout visual elements.\n\nhttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes",
                "axis": {
                    "x": 0.3672047067195811,
                    "y": 0.7413792918316076
                },
                "id": "129"
            },
            {
                "title": "Web Components",
                "description": "Web Components allow for modular CSS using import() and the Shadow DOM which solve complex nested selectors that could overwrite each other.",
                "axis": {
                    "x": 0.14710198260368185,
                    "y": 0.2656448664511071
                },
                "id": "61"
            },
            {
                "title": "Less",
                "description": "Less adds advanced features to CSS, including a nested CSS syntax, parameters and mixins. Less is a pre-processor, hence needs to be compiled to CSS. \n\nhttp://lesscss.org/",
                "axis": {
                    "x": 0.47909023203748335,
                    "y": 0.8180076393418646
                },
                "id": "60"
            },
            {
                "title": "SASS",
                "description": "SASS adds advanced features to CSS, including a nested CSS syntax, parameters and mixins. Less is a pre-processor, hence needs to be compiled to CSS. \n\nhttp://sass-lang.com/",
                "axis": {
                    "x": 0.47909023203748335,
                    "y": 0.5977011049286007
                },
                "id": "59"
            },
            {
                "title": "Plain",
                "description": "Writing plain CSS is almost an anti-pattern for bigger projects because its hard to maintain. \n\nIt might be still a good option for a small project that don't want to employ build tools.",
                "axis": {
                    "x": 0.8294203737948803,
                    "y": 0.1985950835723972
                },
                "id": "58"
            },
            {
                "title": "Grid",
                "description": "Next to Flexbox, a CSS grid support is covered by the major browsers, and brings several advantages for positioning.\n\nhttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout",
                "axis": {
                    "x": 0.27182685365068154,
                    "y": 0.5051084736134253
                },
                "id": "grid"
            }
        ],
        "axis": {
            "y": {
                "label": "Adoption",
                "more": "Mainstream",
                "less": "Niche"
            },
            "x": {
                "label": "Maturity",
                "more": "Established",
                "less": "Early"
            }
        }
    }
}