空教室查询

100%

空教室查询

✓ Published0🌍 Public

Last edited Jan 18, 2020

Created on Jan 17, 2020

This example is an interactive web tool for querying empty classrooms at a university. It displays a form where users select a semester, week range, campus, and building to filter available rooms. The interface uses chained dropdown menus that update via AJAX calls to server endpoints like `/kjscx/querykclistbyxnxq` and `/kjscx/queryJxlListBySjid`, populated with JSON data. Results are rendered as a table, with validation requiring a semester and week selection before submission.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example presents a schedule of mathematics seminars, listing dates, speakers, and talk titles in an HTML table. The table includes expandable accordion panels for details and external links to videos and reference materials. It uses a CSS tab interface to switch between semesters, with JavaScript-free tab switching via the `:checked` pseudo-class and radio inputs. The page relies on HTML tables, the `details` analogy through custom accordion buttons, and styles from inline `<style>` blocks for layout and interaction.

HHéctor del Castillo

52% match

Loading thumbnail…

XY DV

This interactive visualization displays university course admission data as a zoomable partition layout, or sunburst diagram. Users filter courses by selecting their entry qualification type—JC, Poly, or Others—and specifying a cutoff point or work experience, which dynamically redraws the diagram to show only matching programs. The visualization is built with D3.js v3, using `d3.layout.partition`, `d3.svg.arc`, and SVG rendering with animations. Data is loaded from a JSON file containing details like course fees, intake size, and interview requirements.

AArizonaTay

52% match

Loading thumbnail…

Contoh Query

This example demonstrates a database query interface for agricultural data, allowing users to select tables (Wilayah, Petani, Lahan), columns, and specific geographic locations like Kabupaten and Kecamatan. The page includes multiple form dropdowns to compose queries and buttons to submit or download results as Excel. A static image below the forms displays the expected query output table. The implementation uses plain HTML `<select>` elements, CSS for styling, and JavaScript is referenced in the README as the interactive component, though no script is embedded in the markup itself. The layout relies on simple form controls rather than a visualization library.

AAhmad Zaenun Faiz

51% match

Loading thumbnail…

Untitled

This interactive line chart visualizes student enrollment counts across university modules, with a dropdown menu to select different module groups. It uses D3.js v4 with SVG rendering, mapping module codes on the x-axis and student numbers on the y-axis. The chart reads from a CSV file and employs a color scale from `d3-scale-chromatic`. When a user selects a new module, the line path transitions smoothly to display the updated values over one second.

KKeerthiKandadai

50% match

Loading thumbnail…

Filterable Cocktail Ingredient Bar Chart

This interactive bar chart displays the top 50 university modules by student enrollment, filtered by academic department. A React dropdown menu lets users select a department (such as CSIS, CAM, or GAV), which dynamically updates the chart’s data through d3.nest() aggregation. The visualization uses d3.scaleBand for the vertical module codes and d3.scaleLinear for horizontal counts, rendered as SVG rectangles with native tooltips. Data loads from a CSV via d3.csv, with axes generated by custom React components.

WW9183907

49% match

Loading thumbnail…

Jornada PUCV-USACh

Jornada PUCV-USACh presents a scheduled seminar timetable as an interactive HTML table. The page lists talk times, speaker names, universities, and titles, with accordion-style expandable panels for additional abstract details. Built with plain JavaScript and CSS, it incorporates MathJax for rendering mathematical notation within talk descriptions. The layout uses flexbox rows and two-column tables for responsive organization, with links to recorded video sessions embedded in the schedule.

HHéctor del Castillo

49% match

Loading thumbnail…

Online Form

This interactive form displays a booking interface with fields for a user’s first and last name, a "book now" submit button, and an additional total amount text box. The page shows a live date/time in a header and uses JavaScript’s `Date` object to hide the booking button if the current date matches a hard-coded date (October 23, 2021). A separate script tracks clicks on the "book now" button via a counter and displays the accumulated count in an alert dialog when a second submit button is pressed. The form logic relies on standard HTML input elements and embedded JavaScript functions (`checkEdu()` and `display_count()`), with styling applied from an external `styles.css` file.

NNita

49% match

Loading thumbnail…

Filterable Cocktail Ingredient Bar Chart

This interactive bar chart displays the number of students enrolled per module, with the top 20 modules sorted in descending order. A dropdown menu filters the dataset by department (CSIS, CAM, or GAV), recalculating student counts and resorting the bars accordingly. Built with React and D3 v5, it uses `scaleBand` and `scaleLinear` for axes, `d3.nest()` for aggregation, and SVG `rect` elements with tooltips. The chart loads data from a remote CSV file and updates dynamically when the department selection changes.

Aaizazhussain234

48% match