Back to Timeline
TI
Tigra
(updated )
Граф пользователей Moera без @tigra и @lamed (т.е. без доминирующих вершин)

А что, если убрать с графа пользователей Moera тех юзеров, которые добавляют вообще всех (а именно @tigra и @lamed)?
На мой взгляд, в результате получается несколько информативнее.

c svgshare

(кликабельно)

Вообще, имеет смысл подумать в сторону веса связи в зависимости от того, сколько у пользователя subscribers/subscriptions. Т.е. если у пользователя много подписок, то нужно иметь возможность более безболезненно растянуть пружинки его связей, чтобы он не доминировал на картинке, размывая влияние на расположение узлов связей других пользователей. Кажется, в Graphviz что-то такое было. (Update: попробовал, понравилось не очень, возможно, не лучшим образом подобрал способ присвоения веса связи)

👍3
  6 comments
Comments (6)
TI
 Tigra

Shmuel Leib Melamud Вставил сюда нормальный svg со своего сайта (прежний скрыл в details). Но ссылки не работают во вставленном виде (на самом файле работают)

🤔1
LA
 Shmuel Leib Melamud
  Tigra Shmuel Leib Melamud Вставил сюда нормальный svg со своего сайта (прежний скрыл в…

Можешь посмотреть, как они там устроены? Думаю, дело в фильтрации, но надо понять, что отфильтровалось.

TI
 Tigra
  Shmuel Leib Melamud Можешь посмотреть, как они там устроены? Думаю, дело в фильтрации, но надо понят…

Не понимаю, а как оно может залезть внутрь svg? В этом посте просто стоит

<img src="http://nlp.od.ua/moera1.svg">

Если открыть непосредственно картинку, то с помощью Developer Tools можно увидеть структуру.

TI
 Tigra
  Tigra Не понимаю, а как оно может залезть внутрь svg? В этом посте просто стоит <img s…

Shmuel Leib Melamud
Стили на элементе img

CSS styles, you don't need'em 
-webkit-tap-highlight-color: transparent;
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
--body-background: #e9ebee;
--highlight: rgba(0,0,0,0.05);
--highlight-blue: rgba(0,123,255,0.1);
--highlight-cyan: #f0fafa;
--cyan-light: #96d6e0;
--gray-medium: #a9a9a9;
--gray-light: #ced4da;
--gray-ultralight: #e8e8e8;
--white-dark: #fafafa;
--green-light: #42d042;
--red-light: #df5a5a;
--verifying: var(--cyan);
--correct: #228b22;
--incorrect: var(--red);
--correct-light: var(--green-light);
--incorrect-light: var(--red-light);
--node-name: #385898;
--node-name-ts: #389858;
--status-icon: hsla(0,0%,100%,0.5);
--status-icon-highlight: hsla(0,0%,100%,0.75);
--reactions-positive: #e9fce5;
--reactions-negative: #feeff0;
--reactions-positive-border: #cddfc9;
--reactions-negative-border: #e1d3d4;
--comments: #f8faff;
--comment-compose: #e0faff;
--link: var(--blue);
--link-hover: #0056b3;
--link-button: #385898;
--input-focus-border: #80bdff;
--input-focus-shadow: rgba(0,123,255,0.25);
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-weight: 400;
line-height: 1.5;
color: #212529;
--feed-width: 900px;
overflow-wrap: break-word;
text-align: start;
font-size: 100%;
box-sizing: border-box;
border-style: none;
vertical-align: middle;
max-width: min(100vw - 4rem,var(--feed-width) - 3.5rem);
TI
 Tigra
  Shmuel Leib Melamud Можешь посмотреть, как они там устроены? Думаю, дело в фильтрации, но надо понят…

Нда, возможно, svg вставленный таким образом не может иметь линки. Я сделал локально простенький html файл c <img src="moera1.svg">, открыл через file:///... и в нём линки не работают.

TI
 Tigra
  Tigra Нда, возможно, svg вставленный таким образом не может иметь линки. Я сделал лока…

Такой файлик локально работает:

<object type="image/svg+xml" data="moera1.svg">
    <!-- Your fall back here -->
    <img src="moera1.svg" />
</object>

А вот в Moera вставить нельзя - как я понимаю, object убирает и остаётся fallback обычный некликабельный.