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 %
- Renderer to Image3 %
- Interactive Value Filter Widget3 %
- Read Images2 %
- Tag Cloud (JavaScript)2 %
- Statistics1 %
- Math Formula1 %
- Missing Value1 %
- Numeric Outliers1 %
- Refresh Button Widget1 %
- Reference Row Filter1 %
- GroupBy1 %
Color Appender1 %- Color Manager1 %
- File Reader1 %
- String to Number1 %
- CSV Writer1 %
- Concatenate1 %
- Data Generator1 %
- Table Editor (JavaScript)1 %
- Heatmap (JavaScript)< 1 %
- RDKit Descriptor Calculation< 1 %
- CSV Reader< 1 %
- Document Data Extractor< 1 %
- GET Request< 1 %
- Scorer (JavaScript)< 1 %
- Table Creator< 1 %
Excel Reader (XLS)< 1 %- Slider Widget< 1 %
- PNG Image to ImgPlus< 1 %
Column Rename< 1 %- Table Transposer< 1 %
- Variable to Table Row< 1 %
- Loop End< 1 %
- Scorer< 1 %
- Numeric Scorer< 1 %
- Nominal Value Row Splitter< 1 %
- Table Manipulator< 1 %
- Rule-based Row Filter< 1 %
- Math Formula (Multi Column)< 1 %
- Excel Reader< 1 %
- Loop End (Column Append)< 1 %
- Nominal Value Row Filter< 1 %
Row Filter (deprecated)< 1 %- RowID< 1 %
- OpenBabel< 1 %
- CSS Editor< 1 %
- Table View (JavaScript)< 1 %
- Column Appender< 1 %
- Joiner< 1 %
- Extract Table Dimension< 1 %
- DB Query Reader< 1 %
- Radar Plot (Plotly)< 1 %
- JSON Path< 1 %
- RDKit To Molecule< 1 %
- Merge Variables< 1 %
- Container Output (Table)< 1 %
Loop End< 1 %Scorer< 1 %- Column Combiner< 1 %
- Column Resorter< 1 %
- Column Filter< 1 %
- Filter Apply< 1 %
- Pivot< 1 %
- Number Rounder< 1 %
- Row Sampling< 1 %
- Sorter< 1 %
- String Manipulation< 1 %
- Rule Engine< 1 %
- Line Plot (Plotly)< 1 %
- Line Plot (JavaScript)< 1 %
- Scatter Plot (JavaScript)< 1 %
- Tile View (JavaScript)< 1 %
- Interactive Range Slider Filter Widget< 1 %
- Depiction< 1 %
- Advanced MolConverter< 1 %
- Table Reader< 1 %
- k-Means< 1 %
- Duplicate Row Filter< 1 %
Row Splitter (deprecated)< 1 %- PMML to SQL< 1 %
- Molecule Type Cast< 1 %
- Nominal Row Filter Widget< 1 %
- Value Selection Widget< 1 %
- RDKit Molecule to SVG< 1 %
- Category to Number< 1 %
- CASE Switch End< 1 %
- Partitioning< 1 %
- String Widget< 1 %
- String to Date&Time< 1 %
- Variable Creator< 1 %
- Column Renamer< 1 %
- Table View< 1 %
- Column Expressions< 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 %
- 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 %
- 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 713 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.