{"id":1980,"date":"2018-02-27T00:00:19","date_gmt":"2018-02-26T16:00:19","guid":{"rendered":"http:\/\/www.magicandlove.com\/blog\/?p=1980"},"modified":"2018-02-27T00:00:19","modified_gmt":"2018-02-26T16:00:19","slug":"charts-in-processing","status":"publish","type":"post","link":"http:\/\/www.magicandlove.com\/blog\/2018\/02\/27\/charts-in-processing\/","title":{"rendered":"Charts in Processing"},"content":{"rendered":"<p>Here is the first test of using Charts from JavaFX in Processing. In the recent version of Processing, we are able to use FX2D renderer. The following is a simple pie chart example.<\/p>\n<p><a href=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2018\/02\/PieChart001.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1981\" src=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2018\/02\/PieChart001.png\" alt=\"\" width=\"640\" height=\"480\" srcset=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2018\/02\/PieChart001.png 640w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2018\/02\/PieChart001-300x225.png 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/a><br \/>\n&nbsp;<\/p>\n<pre lang=\"java\">\r\nimport javafx.scene.canvas.Canvas;\r\nimport javafx.scene.Scene;\r\n\/\/import javafx.stage.Stage;\r\nimport javafx.scene.layout.StackPane;\r\nimport javafx.collections.ObservableList;\r\nimport javafx.collections.FXCollections;\r\nimport javafx.scene.chart.*;\r\nimport javafx.geometry.Side;\r\n\r\nvoid setup() {\r\n  size(640, 480, FX2D);\r\n  background(255);\r\n  noLoop();\r\n}\r\n\r\nvoid draw() {\r\n  pieChart();\r\n}\r\n\r\nvoid pieChart() {\r\n  Canvas canvas = (Canvas) this.getSurface().getNative();\r\n  Scene scene = canvas.getScene();\r\n  \/\/  Stage st = (Stage) s.getWindow();\r\n  StackPane pane = (StackPane) scene.getRoot();\r\n\r\n  ObservableList<PieChart.Data> pieChartData =\r\n    FXCollections.observableArrayList(\r\n    new PieChart.Data(\"Fat Bear\", 10), \r\n    new PieChart.Data(\"Pooh San\", 20), \r\n    new PieChart.Data(\"Pig\", 8), \r\n    new PieChart.Data(\"Rabbit\", 15), \r\n    new PieChart.Data(\"Chicken\", 2));\r\n  PieChart chart = new PieChart(pieChartData);\r\n  chart.setTitle(\"Animals\");\r\n  chart.setLegendSide(Side.RIGHT);\r\n  \r\n  pane.getChildren().add(chart);\r\n}\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Here is the first test of using Charts from JavaFX in Processing. In the recent version of Processing, we are able to use FX2D renderer. The following is a simple pie chart example. &nbsp; import javafx.scene.canvas.Canvas; import javafx.scene.Scene; \/\/import javafx.stage.Stage; import javafx.scene.layout.StackPane; import javafx.collections.ObservableList; import javafx.collections.FXCollections; import javafx.scene.chart.*; import javafx.geometry.Side; void setup() { size(640, 480, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79,66],"tags":[157,156,62],"class_list":["post-1980","post","type-post","status-publish","format-standard","hentry","category-software-2","category-testing","tag-charts","tag-javafx","tag-processing-org"],"_links":{"self":[{"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts\/1980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/comments?post=1980"}],"version-history":[{"count":1,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts\/1980\/revisions"}],"predecessor-version":[{"id":1982,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts\/1980\/revisions\/1982"}],"wp:attachment":[{"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/media?parent=1980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/categories?post=1980"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/tags?post=1980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}