Differences

This shows you the differences between two versions of the page.

--- programming:javascript [2022/10/07 02:51] – [React] admin
+++ programming:javascript [2025/03/31 18:02] (current) – [Programming Javascript JS ES] admin
@@ Line 1: / Line 1: @@
 ====== Interesting JS ES ======
+  * standard for development https://remix.run/
   * es  levels support (es6 es next)  https://node.green/
   * https://www.better.dev/declaring-javascript-variables-var-let-const
@@ Line 10: / Line 11: @@
   * https://insights.stackoverflow.com/trends
   * https://insights.stackoverflow.com/survey/2021#
+====== Data Visualization ======
+  * https://habr.com/ru/companies/astralinux/articles/814881/ - holoviews
 ===== Programming Javascript JS ES=====
   * https://jsoneditoronline.org/ json online
   * [[https://tobiasahlin.com/blog/move-from-jquery-to-vanilla-javascript/#document-ready|Jquery to vanilla javascript]]
@@ Line 20: / Line 24: @@
 ===== Javascript JSON =====
     JMESPath - features[?geometry.type == `LineString`]
+<code javascript>
+// Filter function for https://jsoneditoronline.org/ and recursive filter names
+function query(data) {
+  return _.chain(data)
+    .mapValues(value => {
+      if (_.isPlainObject(value)) {
+        return filterKeys(value, ['name','mess']);
+      }
+      return value;
+    })
+    .pickBy(obj => _.isPlainObject(obj) && Object.keys(obj).length > 0)
+    .map( (item) => item["object Object"])
+    .value();
+}
+function filterKeys(obj, wildcards) {
+  const result = {};
+  const filter = (val, key, parent) => {
+    if (_.isPlainObject(val)) {
+      _.forEach(val, filter);
+    }
+    if (_.some(wildcards, wildcard => _.includes(key, wildcard))) {
+      _.set(result, `${parent}.${key}`, val);
+    }
+  };
+  filter(obj, 'root', 'root');
+  return result;
+}
+</code>
 ==== Javascript.Chrome ====
   - [[https://twitter.com/sulco/status/1177559150563344384?s=09|`document.designMode`]] that feeling when you first discovered **`document.designMode`** https://t.co/bxA1otzCjN