Mathematical and Physical Journal
for High Schools
Issued by the MATFUND Foundation
Already signed up?
New to KöMaL?

Problem I. 282. (December 2011)

I. 282. You can find many free (trial) Javascript solutions for displaying diagrams on web pages. Many of them contain a detailed help and documentation, so you can more easily build them into your programs. By using one of these, create a web page on which data can be entered and displayed graphically.

Data input should be done through the page urlap.html (``urlap'' means form). This should contain a 10×10 table of input cells. One should be able to write the data headers in the first row, the names of data series in the first column, and the diagram title (to be displayed later) into the first row of the first column. When using the form, the rest of the cells will contain integers. The data range of the table should be that part for which the header and data series names are non-empty. Empty cells in the data range selected this way should be given a 0 value. Below the table, radio buttons are present to choose from the possible diagram types: bar chart, pie chart or line diagram. In the final part, one should be able to select 1 out of the 5 possible color schemes, specifying the color of data points of the diagram to be created.

The bottom of urlap.html should contain a command button. When pressed, the page diagram.html should be loaded. This page should contain a diagram created from the data of the previous page. If the diagram type is a column or line diagram, then you should draw axes, the vertical axis should be properly scaled, and values of the data points should be displayed over them. If the diagram type is pie chart, then the data series names should be displayed together with the percentage of the given data point relative to the whole.

In a compressed file you should submit the two HTML pages together with the necessary files for the operation, and a short documentation i282.txt containing the Javascript application's Internet address.

(10 pont)

Deadline expired on January 10, 2012.

Sorry, the solution is available only in Hungarian. Google translation

Mintamegoldásként Antal János Benjámin 12. osztályos nyíregyházi diák munkáját ( és Kucsma Levente István 9. évfolyamos egri tanuló megoldását ( közöljük.


5 students sent a solution.
10 points:Antal János Benjamin, Kucsma Levente István.
6 points:1 student.
5 points:2 students.

Problems in Information Technology of KöMaL, December 2011