This node provides a tile view where each data row is displayed as one tile. The view offers several interactive features, as well as the possibility to select rows.
The node supports custom CSS styling. You can simply put CSS rules into a single string and set it as a flow variable 'customCSS' in the node configuration dialog. You will find the list of available classes and their description on our documentation page.
Options
General view and display options.
Interactivity
The JavaScript Tile View allows for several ways of interactivity. Please use the options below to configure which features will be activated on the view and further configuration of interactive properties.
Formatters
The JavaScript Tile View maps the KNIME table data types to types in JavaScript. The types that can be displayed are:
- Boolean
- Number (double, integer, etc.)
- String
- Date and Time (legacy)
- Zoned Date and Time
- Local Date and Time
- Local Date
- Local Time
- PNG
- SVG
If you wish to customize the format for certain data types you can use the following options. For unknown types the formatting has to be applied in preceding nodes.
Date and Time types Date and Time values are converted into string using the selected or entered conversion pattern as defined by moment.js. Examples:
- "dddd, MMMM Do YYYY, h:mm:ss a" formats dates like "Sunday, February 14th 2010, 3:25:50 pm"
- "ddd, hA" formats dates like "Sun, 3PM"
- "YYYY-MM-DDTHH:mm:ssZ" formats dates as defined by ISO 8601.
- Y: year
- Q: quarter
- M: month of year
- W: week of year
- DDD: day of year
- D: day of month
- d: day of week
- dd: day of week (Su Mo ... Fr Sa)
- a: am/pm marker
- H: hour in day (0-23)
- k: hour in day (1-24)
- h: hour in am/pm (1-12)
- m: minute in hour
- s: second in minute
- S: millisecond
- z: Time zone (EST CST ... MST PST)
- Z: Time zone (offset)
- X: unix timestamp
- LT: Time (e.g. 8:30 PM)
- LTS: Time with seconds (e.g. 8:30:25 PM)
- L: Month numeral (0 padded), day of month (0 padded), year (e.g. 09/04/1986)
- l: Month numeral, day of month, year (e.g. 9/4/1986)
- LL: Month name, day of month, year (e.g. September 4 1986)
- ll: Month name (short), day of month, year (e.g. Sep 4 1986)
- LLL: Month name, day of month, year, time (e.g. September 4 1986 8:30 PM)
- lll: Month name (short), day of month, year, time (e.g. Sep 4 1986 8:30 PM)
- LLLL: Month name, day of month, day of week, year, time (e.g. Thursday, September 4 1986 8:30 PM)
- llll: Month name (short), day of month, day of week (short), year, time (e.g. Thu, Sep 4 1986 8:30 PM)
Popular Predecessors
- Radar Plot Appender5 %
- Interactive Value Filter Widget2 %
- Row Filter2 %
- Reference Row Filter2 %
Column Rename2 %- CSV Reader2 %
- Sorter2 %
- Read Images1 %
- Table Creator1 %
- Color Manager1 %
- Tag Cloud (JavaScript)1 %
- Loop End1 %
- Renderer to Image1 %
- Statistics1 %
- Math Formula1 %
- Excel Reader1 %
- Round Double1 %
- Missing Value1 %
- Numeric Outliers1 %
- Refresh Button Widget1 %
- RDKit Molecule to SVG1 %
- String Manipulation1 %
Color Appender1 %- File Reader1 %
- String to Number1 %
- Joiner1 %
- CSV Writer1 %
- Concatenate< 1 %
- GroupBy< 1 %
- Data Generator< 1 %
- Scatter Plot (JavaScript)< 1 %
- Table Editor (JavaScript)< 1 %
- Pivot< 1 %
- Heatmap (JavaScript)< 1 %
- RDKit Descriptor Calculation< 1 %
- Document Data Extractor< 1 %
- GET Request< 1 %
- Scorer (JavaScript)< 1 %
- Table Transposer< 1 %
- Rule Engine< 1 %
Excel Reader (XLS)< 1 %- CSS Editor< 1 %
- Slider Widget< 1 %
- PNG Image to ImgPlus< 1 %
- Column Renamer< 1 %
- Column Filter< 1 %
- Row Sampling< 1 %
- Table View (JavaScript)< 1 %
- Line Plot (JavaScript)< 1 %
- Interactive Range Slider Filter Widget< 1 %
- Variable to Table Row< 1 %
- Scorer< 1 %
- Numeric Scorer< 1 %
- Nominal Value Row Splitter< 1 %
- Table Manipulator< 1 %
- Rule-based Row Filter< 1 %
- Math Formula (Multi Column)< 1 %
- Variable Creator< 1 %
- Loop End (Column Append)< 1 %
- Column Resorter< 1 %
- Filter Apply< 1 %
- Nominal Value Row Filter< 1 %
- RowID< 1 %
- OpenBabel< 1 %
- Column Appender< 1 %
- Row Splitter< 1 %
- Extract Table Dimension< 1 %
- DB Query Reader< 1 %
- Radar Plot (Plotly)< 1 %
- JSON Path< 1 %
- RDKit To Molecule< 1 %
- CASE Switch End< 1 %
- Merge Variables< 1 %
- Container Output (Table)< 1 %
- Column Expressions< 1 %
Loop End< 1 %Scorer< 1 %- Line Plot (Plotly)< 1 %
- Tile View (JavaScript)< 1 %
- Depiction< 1 %
- Advanced MolConverter< 1 %
- Table Reader< 1 %
- k-Means< 1 %
- Duplicate Row Filter< 1 %
- PMML to SQL< 1 %
- Nominal Row Filter Widget< 1 %
- Value Selection Widget< 1 %
- Category to Number< 1 %
- Partitioning< 1 %
- String Widget< 1 %
- String to Date&Time< 1 %
- Table View< 1 %
- Column Selection Configuration< 1 %
- Spark Line Appender< 1 %
- File Chooser (legacy)< 1 %
- Image to Table< 1 %
CSV Reader< 1 %File Reader< 1 %- Cell Splitter< 1 %
Column Appender< 1 %Rank Correlation< 1 %- DL4J Feedforward Predictor (Layer) (legacy)< 1 %
- XPath< 1 %
- Structure Sketcher< 1 %
- Web Page Content Extractor< 1 %
Table Reader< 1 %- PCA< 1 %
- Column Renamer (Dictionary)< 1 %
- Column Splitter< 1 %
- RDKit Substructure Filter< 1 %
- Constant Value Column< 1 %
- Data Explorer< 1 %
Excel Reader (XLS)< 1 %- RDKit Diversity Picker< 1 %
- Wait...< 1 %
- Table Row to Variable< 1 %
- Rank< 1 %
- String Manipulation (Variable)< 1 %
- Empty Table Switch< 1 %
- IF Switch< 1 %
- Distance Matrix Calculate< 1 %
- Date&Time Difference< 1 %
Loop End (3 ports)< 1 %Table Row to Variable< 1 %- Java Snippet< 1 %
- Chunk Loop Start< 1 %
Generic Loop Start< 1 %- Hierarchical Clustering< 1 %
- Decision Tree Predictor< 1 %
- Tree Ensemble Predictor< 1 %
- Column Combiner< 1 %
- Double to Integer< 1 %
Joiner< 1 %- Shuffle< 1 %
- Top k Row Filter< 1 %
- Rule Engine (Dictionary)< 1 %
- Friedman Test< 1 %
- Single sample t-test< 1 %
- Independent groups t-test< 1 %
- Interactive Table (legacy)< 1 %
- DB Reader< 1 %
- Parallel Coordinates Plot (JavaScript)< 1 %
- Sunburst Chart (JavaScript)< 1 %
Read Excel Sheet Names (XLS)< 1 %- Range Slider Filter Definition (legacy)< 1 %
- Decision Tree View (JavaScript)< 1 %
- Lift Chart (JavaScript)< 1 %
- Single Selection Widget< 1 %
- Image Resizer< 1 %
- R Source (Table)< 1 %
- XSLT< 1 %
- RDKit From Molecule< 1 %
- RDKit Fingerprint< 1 %
- Principal Moment of Intertia (PMI)-Derived Properties< 1 %
- Split Collection Column< 1 %
- Inject Variables (Data)< 1 %
Loop End (2 ports)< 1 %- Cluster Assigner< 1 %
- Silhouette Coefficient< 1 %
- Regression Predictor< 1 %
- Add Empty Rows< 1 %
- Column Comparator< 1 %
- Number to String< 1 %
- Cross Joiner< 1 %
- Normalizer< 1 %
- Column Filter (PMML)< 1 %
- String Manipulation (Multi Column)< 1 %
- Value Counter< 1 %
- Rule-based Row Splitter< 1 %
- Crosstab< 1 %
- Shape Appender< 1 %
- Shape Manager< 1 %
- Molecule Type Cast< 1 %
- Autocomplete Text Widget< 1 %
- Term Co-Occurrence Counter< 1 %
- Decompress Files< 1 %
- Path to String< 1 %
- String Configuration< 1 %
- Single Selection Configuration< 1 %
- Value Filter (legacy)< 1 %
- Generic JavaScript View (JavaScript)< 1 %
- Column Filter Widget< 1 %
JSON Reader< 1 %- JSON to Table< 1 %
- JSON to XML< 1 %
- Binary Image Operations< 1 %
- Python Script (legacy)< 1 %
- Python Source (legacy)< 1 %
- Create Date&Time Range< 1 %
- Moving Average< 1 %
- Latitude/Longitude to Coordinate< 1 %
Views
- Interactive View: JavaScript Tile View
- Tile view
Workflows
(3D) Fragment library design workflowKNIME Hub- 00 Main MenuKNIME Hub
- 00 Main MenuKNIME Hub
- 00_Guided_Labeling_for_Document_Classification_(legacy)KNIME Hub
- 00_Progress_Tracker_Supply_Logistics_ExampleKNIME Hub
- Show all 609 workflows
Links
Developers
You want to see the source code for this node? Click the following button and we’ll use our super-powers to find it for you.