{"id":19654968,"url":"https://github.com/kilianb/javafxmultichart","last_synced_at":"2026-05-15T02:49:05.956Z","repository":{"id":144583044,"uuid":"147607282","full_name":"KilianB/JavaFXMultiChart","owner":"KilianB","description":"A composite chart allowing to use several different series types in one chart object (line, scatter and area) as well as multiple x and y axis","archived":false,"fork":false,"pushed_at":"2018-12-19T13:17:33.000Z","size":178,"stargazers_count":2,"open_issues_count":2,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-10T00:32:35.515Z","etag":null,"topics":["area-chart","charts","java10","javafx","line-plot","scatter-plot"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KilianB.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-09-06T02:37:39.000Z","updated_at":"2021-03-08T14:34:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"bf4482b2-8563-4e49-b017-bb1e0873c39f","html_url":"https://github.com/KilianB/JavaFXMultiChart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KilianB%2FJavaFXMultiChart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KilianB%2FJavaFXMultiChart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KilianB%2FJavaFXMultiChart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KilianB%2FJavaFXMultiChart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KilianB","download_url":"https://codeload.github.com/KilianB/JavaFXMultiChart/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240963178,"owners_count":19885591,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["area-chart","charts","java10","javafx","line-plot","scatter-plot"],"created_at":"2024-11-11T15:18:58.820Z","updated_at":"2026-05-15T02:49:05.923Z","avatar_url":"https://github.com/KilianB.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JavaFXMultiChart \n\nA \u003cb\u003ework in progress\u003c/b\u003e fix for the default javafx chart class to allow combining multiple chart types and axis in one chart object.\nCurrently JavaFX does not support to create a composite chart using different series types. Java 10 required!**\n\n## Features: \n- Fixed value markers\n- Multiple X and Y Axis\n- Hide/Show Series (click on legend)\n- Different chart types in one chart\n\n![bildschirmfoto 2018-09-10 um 17 39 44](https://user-images.githubusercontent.com/9025925/45307979-b4b2d580-b520-11e8-8643-8c41098c41df.png)\n\n## Maven via jitpack\n\nDue to the alpha development state the project is not hosted on bintray but if required snapshots can be included via jitpack\nhttps://jitpack.io/#KilianB/JavaFXMultiChart\n\n\n````\n\u003crepositories\u003e\n   \u003crepository\u003e\n      \u003cid\u003ejitpack.io\u003c/id\u003e\n      \u003curl\u003ehttps://jitpack.io\u003c/url\u003e\n   \u003c/repository\u003e\n\u003c/repositories\u003e\n  \n\u003cdependencies\u003e\n   \u003cdependency\u003e\n      \u003cgroupId\u003ecom.github.KilianB\u003c/groupId\u003e\n      \u003cartifactId\u003eJavaFXMultiChart\u003c/artifactId\u003e\n      \u003cversion\u003e2b506d77ac\u003c/version\u003e\n   \u003c/dependency\u003e\n\u003c/dependencies\u003e\n````\n\n## Usage:\n\n````JAVA\n//Create a chart\nMultiTypeChart\u003cNumber, Number\u003e multiTypeChart= new MultiTypeChart\u003c\u003e(new NumberAxis(), new NumberAxis());\n\n//Builder pattern\nTypedSeries lineSeries = TypedSeries.builder(\"Line\").line().build();\nTypedSeries areaSeries = TypedSeries.builder(\"Area\").area().build();\nTypedSeries scatterSeries = TypedSeries.builder(\"Scatter\").scatter().build();\n\n//Advanced control with full generics\nTypedSeries\u003cNumber,Number\u003e lineSeries1 = TypedSeries.\u003cNumber,Number\u003e\n    builder(\"Line Series 1\").line()\n    .withYAxisIndex(1)\n    .withYAxisSide(Side.RIGHT)\n    .build();\n\n//Add/remove value markers\nboolean showLabel = true;\nmultiTypeChart.addValueMarker(new ValueMarker\u003cNumber\u003e(5,true,Color.BLUE,showLabel));\nmultiTypeChart.addValueMarker(new ValueMarker\u003cNumber\u003e(12,false,Color.BLACK,showLabel));\nmultiTypeChart.addValueMarker(new ValueMarker\u003cNumber\u003e(20,false,Color.GREEN,showLabel));\n\n//add series \nmultiTypeChart.addSeries(scatterSeries);\nmultiTypeChart.addSeries(areaSeries);\nmultiTypeChart.addSeries(lineSeries);\n\n//customize color if desired\nmultiTypeChart.setSeriesColor(1, 90);\nmultiTypeChart.setSeriesColor(2, 50);\n    \n//customize symbol (currently not well supported with colors)\n//multiTypeChart.setSeriesSymbol(0,SymbolType.solidTriangle);\n//multiTypeChart.setSeriesSymbol(1,SymbolType.solidTriangle);\n   \n//Add data\nfor(...){\n    lineSeries.addData(x,y);\n}\n````\n\n\n### Color Table\n\u003ctable\u003e\n   \u003cthead\u003e\n      \u003ctr\u003e\n         \u003cth\u003eColorId\u003c/th\u003e\n         \u003cth\u003eColor\u003c/th\u003e\n         \u003cth\u003eHex\u003c/th\u003e\n         \u003cth\u003eDecimal Code\u003c/th\u003e\n      \u003c/tr\u003e\n   \u003c/thead\u003e\n   \u003ctbody\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e7\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/800000/800000\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#800000\u003c/td\u003e\n         \u003ctd\u003e128,0,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e8\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/8b0000/8b0000\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#8b0000\u003c/td\u003e\n         \u003ctd\u003e139,0,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e9\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/a52a2a/a52a2a\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#a52a2a\u003c/td\u003e\n         \u003ctd\u003e165,42,42\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e10\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/b22222/b22222\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#b22222\u003c/td\u003e\n         \u003ctd\u003e178,34,34\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e11\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/dc143c/dc143c\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#dc143c\u003c/td\u003e\n         \u003ctd\u003e220,20,60\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e12\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ff0000/ff0000\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ff0000\u003c/td\u003e\n         \u003ctd\u003e255,0,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e13\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ff6347/ff6347\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ff6347\u003c/td\u003e\n         \u003ctd\u003e255,99,71\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e14\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ff7f50/ff7f50\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ff7f50\u003c/td\u003e\n         \u003ctd\u003e255,127,80\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e15\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/cd5c5c/cd5c5c\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#cd5c5c\u003c/td\u003e\n         \u003ctd\u003e205,92,92\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e16\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f08080/f08080\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f08080\u003c/td\u003e\n         \u003ctd\u003e240,128,128\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e17\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/e9967a/e9967a\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#e9967a\u003c/td\u003e\n         \u003ctd\u003e233,150,122\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e18\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/fa8072/fa8072\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#fa8072\u003c/td\u003e\n         \u003ctd\u003e250,128,114\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e19\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffa07a/ffa07a\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffa07a\u003c/td\u003e\n         \u003ctd\u003e255,160,122\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e20\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ff4500/ff4500\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ff4500\u003c/td\u003e\n         \u003ctd\u003e255,69,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e21\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ff8c00/ff8c00\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ff8c00\u003c/td\u003e\n         \u003ctd\u003e255,140,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e22\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffa500/ffa500\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffa500\u003c/td\u003e\n         \u003ctd\u003e255,165,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e23\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffd700/ffd700\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffd700\u003c/td\u003e\n         \u003ctd\u003e255,215,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e24\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/b8860b/b8860b\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#b8860b\u003c/td\u003e\n         \u003ctd\u003e184,134,11\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e25\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/daa520/daa520\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#daa520\u003c/td\u003e\n         \u003ctd\u003e218,165,32\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e26\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/eee8aa/eee8aa\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#eee8aa\u003c/td\u003e\n         \u003ctd\u003e238,232,170\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e27\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/bdb76b/bdb76b\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#bdb76b\u003c/td\u003e\n         \u003ctd\u003e189,183,107\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e28\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f0e68c/f0e68c\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f0e68c\u003c/td\u003e\n         \u003ctd\u003e240,230,140\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e29\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/808000/808000\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#808000\u003c/td\u003e\n         \u003ctd\u003e128,128,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e30\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffff00/ffff00\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffff00\u003c/td\u003e\n         \u003ctd\u003e255,255,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e31\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/9acd32/9acd32\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#9acd32\u003c/td\u003e\n         \u003ctd\u003e154,205,50\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e32\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/556b2f/556b2f\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#556b2f\u003c/td\u003e\n         \u003ctd\u003e85,107,47\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e33\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/6b8e23/6b8e23\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#6b8e23\u003c/td\u003e\n         \u003ctd\u003e107,142,35\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e34\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/7cfc00/7cfc00\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#7cfc00\u003c/td\u003e\n         \u003ctd\u003e124,252,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e35\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/7fff00/7fff00\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#7fff00\u003c/td\u003e\n         \u003ctd\u003e127,255,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e36\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/adff2f/adff2f\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#adff2f\u003c/td\u003e\n         \u003ctd\u003e173,255,47\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e37\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/006400/006400\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#006400\u003c/td\u003e\n         \u003ctd\u003e0,100,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e38\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/008000/008000\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#008000\u003c/td\u003e\n         \u003ctd\u003e0,128,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e39\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/228b22/228b22\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#228b22\u003c/td\u003e\n         \u003ctd\u003e34,139,34\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e40\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/00ff00/00ff00\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#00ff00\u003c/td\u003e\n         \u003ctd\u003e0,255,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e41\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/32cd32/32cd32\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#32cd32\u003c/td\u003e\n         \u003ctd\u003e50,205,50\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e42\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/90ee90/90ee90\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#90ee90\u003c/td\u003e\n         \u003ctd\u003e144,238,144\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e43\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/98fb98/98fb98\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#98fb98\u003c/td\u003e\n         \u003ctd\u003e152,251,152\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e44\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/8fbc8f/8fbc8f\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#8fbc8f\u003c/td\u003e\n         \u003ctd\u003e143,188,143\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e45\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/00fa9a/00fa9a\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#00fa9a\u003c/td\u003e\n         \u003ctd\u003e0,250,154\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e46\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/00ff7f/00ff7f\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#00ff7f\u003c/td\u003e\n         \u003ctd\u003e0,255,127\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e47\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/2e8b57/2e8b57\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#2e8b57\u003c/td\u003e\n         \u003ctd\u003e46,139,87\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e48\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/66cdaa/66cdaa\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#66cdaa\u003c/td\u003e\n         \u003ctd\u003e102,205,170\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e49\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/3cb371/3cb371\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#3cb371\u003c/td\u003e\n         \u003ctd\u003e60,179,113\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e50\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/20b2aa/20b2aa\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#20b2aa\u003c/td\u003e\n         \u003ctd\u003e32,178,170\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e51\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/2f4f4f/2f4f4f\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#2f4f4f\u003c/td\u003e\n         \u003ctd\u003e47,79,79\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e52\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/008080/008080\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#008080\u003c/td\u003e\n         \u003ctd\u003e0,128,128\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e53\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/008b8b/008b8b\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#008b8b\u003c/td\u003e\n         \u003ctd\u003e0,139,139\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e54\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/00ffff/00ffff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#00ffff\u003c/td\u003e\n         \u003ctd\u003e0,255,255\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e55\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/00ffff/00ffff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#00ffff\u003c/td\u003e\n         \u003ctd\u003e0,255,255\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e56\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/e0ffff/e0ffff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#e0ffff\u003c/td\u003e\n         \u003ctd\u003e224,255,255\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e57\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/00ced1/00ced1\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#00ced1\u003c/td\u003e\n         \u003ctd\u003e0,206,209\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e58\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/40e0d0/40e0d0\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#40e0d0\u003c/td\u003e\n         \u003ctd\u003e64,224,208\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e59\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/48d1cc/48d1cc\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#48d1cc\u003c/td\u003e\n         \u003ctd\u003e72,209,204\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e60\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/afeeee/afeeee\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#afeeee\u003c/td\u003e\n         \u003ctd\u003e175,238,238\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e61\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/7fffd4/7fffd4\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#7fffd4\u003c/td\u003e\n         \u003ctd\u003e127,255,212\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e62\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/b0e0e6/b0e0e6\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#b0e0e6\u003c/td\u003e\n         \u003ctd\u003e176,224,230\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e63\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/5f9ea0/5f9ea0\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#5f9ea0\u003c/td\u003e\n         \u003ctd\u003e95,158,160\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e64\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/4682b4/4682b4\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#4682b4\u003c/td\u003e\n         \u003ctd\u003e70,130,180\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e65\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/6495ed/6495ed\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#6495ed\u003c/td\u003e\n         \u003ctd\u003e100,149,237\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e66\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/00bfff/00bfff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#00bfff\u003c/td\u003e\n         \u003ctd\u003e0,191,255\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e67\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/1e90ff/1e90ff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#1e90ff\u003c/td\u003e\n         \u003ctd\u003e30,144,255\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e68\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/add8e6/add8e6\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#add8e6\u003c/td\u003e\n         \u003ctd\u003e173,216,230\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e69\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/87ceeb/87ceeb\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#87ceeb\u003c/td\u003e\n         \u003ctd\u003e135,206,235\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e70\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/87cefa/87cefa\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#87cefa\u003c/td\u003e\n         \u003ctd\u003e135,206,250\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e71\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/191970/191970\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#191970\u003c/td\u003e\n         \u003ctd\u003e25,25,112\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e72\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/000080/000080\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#000080\u003c/td\u003e\n         \u003ctd\u003e0,0,128\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e73\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/00008b/00008b\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#00008b\u003c/td\u003e\n         \u003ctd\u003e0,0,139\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e74\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/0000cd/0000cd\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#0000cd\u003c/td\u003e\n         \u003ctd\u003e0,0,205\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e75\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/0000ff/0000ff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#0000ff\u003c/td\u003e\n         \u003ctd\u003e0,0,255\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e76\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/4169e1/4169e1\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#4169e1\u003c/td\u003e\n         \u003ctd\u003e65,105,225\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e77\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/8a2be2/8a2be2\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#8a2be2\u003c/td\u003e\n         \u003ctd\u003e138,43,226\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e78\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/4b0082/4b0082\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#4b0082\u003c/td\u003e\n         \u003ctd\u003e75,0,130\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e79\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/483d8b/483d8b\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#483d8b\u003c/td\u003e\n         \u003ctd\u003e72,61,139\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e80\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/6a5acd/6a5acd\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#6a5acd\u003c/td\u003e\n         \u003ctd\u003e106,90,205\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e81\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/7b68ee/7b68ee\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#7b68ee\u003c/td\u003e\n         \u003ctd\u003e123,104,238\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e82\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/9370db/9370db\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#9370db\u003c/td\u003e\n         \u003ctd\u003e147,112,219\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e83\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/8b008b/8b008b\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#8b008b\u003c/td\u003e\n         \u003ctd\u003e139,0,139\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e84\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/9400d3/9400d3\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#9400d3\u003c/td\u003e\n         \u003ctd\u003e148,0,211\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e85\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/9932cc/9932cc\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#9932cc\u003c/td\u003e\n         \u003ctd\u003e153,50,204\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e86\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ba55d3/ba55d3\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ba55d3\u003c/td\u003e\n         \u003ctd\u003e186,85,211\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e87\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/800080/800080\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#800080\u003c/td\u003e\n         \u003ctd\u003e128,0,128\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e88\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/d8bfd8/d8bfd8\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#d8bfd8\u003c/td\u003e\n         \u003ctd\u003e216,191,216\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e89\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/dda0dd/dda0dd\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#dda0dd\u003c/td\u003e\n         \u003ctd\u003e221,160,221\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e90\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ee82ee/ee82ee\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ee82ee\u003c/td\u003e\n         \u003ctd\u003e238,130,238\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e91\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ff00ff/ff00ff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ff00ff\u003c/td\u003e\n         \u003ctd\u003e255,0,255\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e92\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/da70d6/da70d6\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#da70d6\u003c/td\u003e\n         \u003ctd\u003e218,112,214\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e93\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/c71585/c71585\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#c71585\u003c/td\u003e\n         \u003ctd\u003e199,21,133\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e94\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/db7093/db7093\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#db7093\u003c/td\u003e\n         \u003ctd\u003e219,112,147\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e95\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ff1493/ff1493\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ff1493\u003c/td\u003e\n         \u003ctd\u003e255,20,147\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e96\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ff69b4/ff69b4\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ff69b4\u003c/td\u003e\n         \u003ctd\u003e255,105,180\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e97\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffb6c1/ffb6c1\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffb6c1\u003c/td\u003e\n         \u003ctd\u003e255,182,193\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e98\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffc0cb/ffc0cb\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffc0cb\u003c/td\u003e\n         \u003ctd\u003e255,192,203\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e99\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/faebd7/faebd7\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#faebd7\u003c/td\u003e\n         \u003ctd\u003e250,235,215\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e100\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f5f5dc/f5f5dc\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f5f5dc\u003c/td\u003e\n         \u003ctd\u003e245,245,220\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e101\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffe4c4/ffe4c4\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffe4c4\u003c/td\u003e\n         \u003ctd\u003e255,228,196\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e102\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffebcd/ffebcd\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffebcd\u003c/td\u003e\n         \u003ctd\u003e255,235,205\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e103\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f5deb3/f5deb3\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f5deb3\u003c/td\u003e\n         \u003ctd\u003e245,222,179\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e104\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/fff8dc/fff8dc\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#fff8dc\u003c/td\u003e\n         \u003ctd\u003e255,248,220\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e105\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/fffacd/fffacd\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#fffacd\u003c/td\u003e\n         \u003ctd\u003e255,250,205\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e106\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/fafad2/fafad2\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#fafad2\u003c/td\u003e\n         \u003ctd\u003e250,250,210\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e107\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffffe0/ffffe0\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffffe0\u003c/td\u003e\n         \u003ctd\u003e255,255,224\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e108\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/8b4513/8b4513\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#8b4513\u003c/td\u003e\n         \u003ctd\u003e139,69,19\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e109\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/a0522d/a0522d\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#a0522d\u003c/td\u003e\n         \u003ctd\u003e160,82,45\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e110\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/d2691e/d2691e\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#d2691e\u003c/td\u003e\n         \u003ctd\u003e210,105,30\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e111\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/cd853f/cd853f\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#cd853f\u003c/td\u003e\n         \u003ctd\u003e205,133,63\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e112\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f4a460/f4a460\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f4a460\u003c/td\u003e\n         \u003ctd\u003e244,164,96\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e113\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/deb887/deb887\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#deb887\u003c/td\u003e\n         \u003ctd\u003e222,184,135\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e114\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/d2b48c/d2b48c\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#d2b48c\u003c/td\u003e\n         \u003ctd\u003e210,180,140\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e115\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/bc8f8f/bc8f8f\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#bc8f8f\u003c/td\u003e\n         \u003ctd\u003e188,143,143\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e116\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffe4b5/ffe4b5\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffe4b5\u003c/td\u003e\n         \u003ctd\u003e255,228,181\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e117\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffdead/ffdead\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffdead\u003c/td\u003e\n         \u003ctd\u003e255,222,173\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e118\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffdab9/ffdab9\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffdab9\u003c/td\u003e\n         \u003ctd\u003e255,218,185\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e119\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffe4e1/ffe4e1\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffe4e1\u003c/td\u003e\n         \u003ctd\u003e255,228,225\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e120\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/fff0f5/fff0f5\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#fff0f5\u003c/td\u003e\n         \u003ctd\u003e255,240,245\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e121\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/faf0e6/faf0e6\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#faf0e6\u003c/td\u003e\n         \u003ctd\u003e250,240,230\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e122\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/fdf5e6/fdf5e6\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#fdf5e6\u003c/td\u003e\n         \u003ctd\u003e253,245,230\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e123\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffefd5/ffefd5\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffefd5\u003c/td\u003e\n         \u003ctd\u003e255,239,213\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e124\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/fff5ee/fff5ee\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#fff5ee\u003c/td\u003e\n         \u003ctd\u003e255,245,238\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e125\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f5fffa/f5fffa\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f5fffa\u003c/td\u003e\n         \u003ctd\u003e245,255,250\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e126\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/708090/708090\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#708090\u003c/td\u003e\n         \u003ctd\u003e112,128,144\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e127\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/778899/778899\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#778899\u003c/td\u003e\n         \u003ctd\u003e119,136,153\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e128\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/b0c4de/b0c4de\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#b0c4de\u003c/td\u003e\n         \u003ctd\u003e176,196,222\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e129\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/e6e6fa/e6e6fa\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#e6e6fa\u003c/td\u003e\n         \u003ctd\u003e230,230,250\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e130\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/fffaf0/fffaf0\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#fffaf0\u003c/td\u003e\n         \u003ctd\u003e255,250,240\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e131\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f0f8ff/f0f8ff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f0f8ff\u003c/td\u003e\n         \u003ctd\u003e240,248,255\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e132\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f8f8ff/f8f8ff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f8f8ff\u003c/td\u003e\n         \u003ctd\u003e248,248,255\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e133\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f0fff0/f0fff0\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f0fff0\u003c/td\u003e\n         \u003ctd\u003e240,255,240\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e134\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/fffff0/fffff0\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#fffff0\u003c/td\u003e\n         \u003ctd\u003e255,255,240\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e135\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f0ffff/f0ffff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f0ffff\u003c/td\u003e\n         \u003ctd\u003e240,255,255\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e136\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/fffafa/fffafa\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#fffafa\u003c/td\u003e\n         \u003ctd\u003e255,250,250\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e137\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/000000/000000\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#000000\u003c/td\u003e\n         \u003ctd\u003e0,0,0\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e138\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/696969/696969\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#696969\u003c/td\u003e\n         \u003ctd\u003e105,105,105\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e139\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/808080/808080\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#808080\u003c/td\u003e\n         \u003ctd\u003e128,128,128\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e140\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/a9a9a9/a9a9a9\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#a9a9a9\u003c/td\u003e\n         \u003ctd\u003e169,169,169\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e141\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/c0c0c0/c0c0c0\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#c0c0c0\u003c/td\u003e\n         \u003ctd\u003e192,192,192\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e142\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/d3d3d3/d3d3d3\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#d3d3d3\u003c/td\u003e\n         \u003ctd\u003e211,211,211\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e143\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/dcdcdc/dcdcdc\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#dcdcdc\u003c/td\u003e\n         \u003ctd\u003e220,220,220\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e144\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/f5f5f5/f5f5f5\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#f5f5f5\u003c/td\u003e\n         \u003ctd\u003e245,245,245\u003c/td\u003e\n      \u003c/tr\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e145\u003c/td\u003e\n         \u003ctd\u003e\n            \u003cimg src=\"https://via.placeholder.com/80x40/ffffff/ffffff\" /\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e#ffffff\u003c/td\u003e\n         \u003ctd\u003e255,255,255\u003c/td\u003e\n      \u003c/tr\u003e\n   \u003c/tbody\u003e\n\u003c/table\u003e\n\n\n### Changelog \n\n#### 19.12.18\n- Fixed hide and display series via setDisabled rather than css (more stable)\n- added new color options beyond the default 8\n- support choosing defined color and series symbol\n- add batch addition of data to a series reducing redraw operations\n\n#### 10.09.18\n- Add builder pattern to typed series\n- Add support for secondary/multiple x and y axis\n- change legend to be a flow pane instead of tile pane for better looking layout\n- add support to show hide series on mouse click\n\n## Work in progress\n\nDue to the API containing a lot of private and final methods the result is rather lackluster and just works good enough if somone does not look at the code. (A lot of copy and pasted code, switch statements and \nalmost no indication of OOP).\nJava 9/10 discourage \"illegal\" reflection access usage and byte code manipulation in conjunction with a custom class loader to circumvent the final restrictions seem a bit overkill for such a feature.\nThis should only be considered a hack until the api caught up until the jdk feature request \u003ca href=\"https://bugs.openjdk.java.net/browse/JDK-8090594\"\u003eJDK-8090594\u003c/a\u003e is resolved.\n\n\n- Support all basic chart types\n- potential ObservableValue resource leak if series get added and removed\n- implement animation code\n- implement remove series action\n- make full use of beans.observable.values\n- test secondary/3rd ... nth x Axis and left axis.\n- don't rely on generics (they don't really apply when using multiple axis) and move from extending javafx x,y chart to just chart. \n- allow value markers to be added to an arbitrary axis.\n\n**I think there is one usage of `var` and no streams or anything else, so if you want to backport it to Java \u003c8 it should take 2 minutes.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkilianb%2Fjavafxmultichart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkilianb%2Fjavafxmultichart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkilianb%2Fjavafxmultichart/lists"}